Właściwość Style left

Definicja i użycie

left Ustawienie lub zwracanie lewej pozycji elementu, który jest pozycjonowany.

Ta właściwość określa lewą pozycję elementu, w tym wewnętrzne marginesy, paski przewijania, ramki i marginesy zewnętrzne.

Wskazówka:Elementy pozycjonowane są, gdy właściwość position ustawiona jest na:relative,absolute lub fixed elementów.

Wskazówka:Aby ustawić lub zwrócić prawą pozycję elementu, użyj: Właściwość right.

Inne zasoby:

Kurs CSS:CSS pozycjonowanie

Podręcznik CSS:Właściwość left

Przykład

Przykład 1

Ustawienie lewej pozycji elementu <button>:

document.getElementById("myBtn").style.left = "100px";

Spróbuj sam

Przykład 2

Ustawienie lewej pozycji elementu <div>:

document.getElementById("myDIV").style.left = "100px";

Spróbuj sam

Przykład 3

Użycie ujemnej wartości - ustawienie lewej pozycji elementu <div>:

document.getElementById("myDIV").style.left = "-100px";

Spróbuj sam

Przykład 4

Zwróć lewą pozycję elementu <div>:

alert(document.getElementById("myDiv").style.left);

Spróbuj sam

Gramatyka

Zwróć lewą właściwość:

object.style.left

Ustawienie lewej właściwości:

object.style.left = "auto|length|%|initial|inherit"

Wartość atrybutu

Wartość Opis
auto Pozwala przeglądarce ustawić lewą pozycję. Domyślnie.
length Definiuje lewą pozycję jednostką długości. Dopuszczalne są wartości ujemne.
% Ustaw lewą pozycję na procentach szerokości elementu nadrzędnego.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: auto
Zwracana wartość: Ciąg znaków, który reprezentuje lewą pozycję elementu.
Wersja CSS: CSS2

Obsługa przeglądarek

Chrome Krawędź Firefox Safari Opera
Chrome Krawędź Firefox Safari Opera
Wspieraj Wspieraj Wspieraj Wspieraj Wspieraj