Atrybut CSS left

Definicja i użycie

Atrybut left określa lewą krawędź elementu. Definiuje on odchylenie lewego zewnętrznego marginesu elementu od lewego marginesu bloku zawierającego go.

Komentarz:Jeśli wartością atrybutu position jest "static", ustawienie atrybutu left nie ma żadnego efektu.

Wyjaśnienie

Dla elementów statycznych, wartość to auto; dla wartości długości, odpowiednia wartość absolutna; dla wartości procentowych, określona wartość; w przeciwnym razie auto.

Dla elementów definiowanych względem, wartość obliczona dla left zawsze jest równa right.

Zobacz również:

Kurs CSS:CSS pozycjonowanie

Podręcznik HTML DOM:Atrybut left

Przykład

Ustaw lewą krawędź obrazu na 100 pikseli od lewej krawędzi zawierającego go elementu:

img
  {
  position:absolute;
  left:100px;
  }

Spróbuj sam

Gramatyka CSS

left: auto|length|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Pozycja lewego marginesu jest obliczana przez przeglądarkę.
% Ustawianie lewej pozycji elementu w procentach od szerokości zawierającego go elementu. Można używać ujemnych wartości.
length Ustawianie lewej pozycji elementu za pomocą jednostek takich jak px, cm itp. Można używać ujemnych wartości.
inherit Określa, że wartość left powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: auto
Inheredność: nie
Wersja: CSS2
Język JavaScript: object.style.left="100px"

Więcej przykładów

Ustawianie lewej krawędzi obrazu za pomocą stałej wartości
Ten przykład pokazuje, jak ustawić lewą krawędź obrazu za pomocą stałej wartości.
Ustawianie lewej krawędzi obrazu za pomocą procentu
Ten przykład pokazuje, jak ustawić lewą krawędź obrazu za pomocą procentu.

Wspierane przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0