HTML DOM propriété Style de gauche
Définition et utilisation
ensembles de propriétés gauche ou renvoie la position de l'élément de positionnement dans la partie gauche.
Cet attribut spécifie la position de la partie gauche d'éléments, y compris: le rembourrage, les 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 gauche:
Object.style.left="auto|length|%|inherit"
propriétés arrière gauche:
Object.style.left
值 | 描述 |
---|---|
auto | 默认。通过浏览器计算左部的位置。 |
length | 使用 px、cm 等单位定义元素的左边到最近一个具有定位设置父元素的左部边缘的位置。可使用负值。 |
% | 定义元素的左边到最近一个具有定位设置父元素的左部边缘的百分比位置。 |
inherit | left 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété gauche.
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 dans la partie gauche de la position:
<html>
<head>
<style type="text/css">
#b1
{
position:absolute;
}
</style>
<script>
function displayResult()
{
document.getElementById("b1").style.left="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="Set left position to 100 px">
</body>
</html>
<head>
<style type="text/css">
#b1
{
position:absolute;
}
</style>
<script>
function displayResult()
{
document.getElementById("b1").style.left="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="Set left position to 100 px">
</body>
</html>
Essayez »
style Objets