Styl vlevo Vlastnost
Příklad
Nastavte levou pozici prvku <button>:
document.getElementById("myBtn").style.left = "100px";
Definice a použití
Vlastnost left nastavuje nebo vrací levou pozici umístěného prvku.
Tato vlastnost určuje levou pozici prvku včetně odsazení, posuvníku, ohraničení a okraje.
Tip: Umístěný prvek je prvek s vlastností position nastavenou na: relativní, absolutní nebo pevná.
Tip: Chcete-li nastavit nebo vrátit správnou pozici umístěného prvku, použijte vlastnost right .
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
left | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte levou vlastnost:
object.style.left
Nastavte levou vlastnost:
object.style.left = "auto|length|%|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
auto | Lets the browser set the left position. This is default |
length | Defines the left position in length units. Negative values are allowed |
% | Sets the left position in % of the width of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | auto |
---|---|
Návratová hodnota: | Řetězec představující levou pozici umístěného prvku |
Verze CSS | CSS2 |
Další příklady
Příklad
Nastavte levou pozici prvku <div>:
document.getElementById("myDIV").style.left = "100px";
Příklad
Použití záporných hodnot – Nastavte levou pozici prvku <div>:
document.getElementById("myDIV").style.left = "-100px";
Příklad
Vraťte levou pozici prvku <div>:
alert(document.getElementById("myDiv").style.left);
Související stránky
CSS tutoriál: CSS Positioning
CSS reference: vlastnost left
❮ Objekt stylu