HTML DOM style propriété bottom
Définition et utilisation
des ensembles de propriétés de fond ou renvoie la position du fond de l'élément de positionnement.
Cet attribut spécifie la position inférieure d'un élément, comprenant: un rembourrage, des barres de défilement, les bordures et les marges.
Astuce: un élément de positionnement est l'attribut de position de l'élément est réglé: relative (relative), absolu (absolu) ou fixe (fixe).
grammaire
Définition des propriétés de fond:
Object.style.bottom="auto|length|%|inherit"
Renvoie des propriétés de fond:
Object.style.bottom
值 | 描述 |
---|---|
auto | 默认。通过浏览器计算底部的位置。 |
length | 使用 px、cm 等单位设置元素的底边到最近一个具有定位设置父元素的底部边缘的位置。可使用负值。 |
% | 设置元素的底边到最近一个具有定位设置父元素的底部边缘的百分比位置。 |
inherit | bottom 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge les propriétés de fond.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
bouton Paramètres en position basse:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#b1{
position:absolute;
}
</style>
<script>
function displayResult(){
document.getElementById("b1").style.bottom="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="设置底部的位置">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#b1{
position:absolute;
}
</style>
<script>
function displayResult(){
document.getElementById("b1").style.bottom="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="设置底部的位置">
</body>
</html>
Essayez »
style Objets