Atrybut padding-left w CSS

Definicja i użycie

Atrybut padding-left ustawia szerokość lewego wewnętrznego marginesu (przestrzeń).

Wyjaśnienie

Ta właściwość ustawia szerokość lewego wewnętrznego marginesu elementu. W przypadku wewnętrznych elementów wiersza, ustawiony lewy wewnętrzny margines pojawia się tylko na lewej stronie pierwszego wewnętrznego ramki elementu.

Komentarz:Nie można używać ujemnych wartości.

Zobacz również:

Kurs CSS:Wewnętrzna margines CSS

Podręcznik HTML DOM:Atrybut paddingLeft

Przykład

Ustaw lewy wewnętrzny margines elementu p:

p
  {
  padding-left:2cm;
  }

Spróbuj sam

(Więcej przykładów można znaleźć na dole strony)

Gramatyka CSS

padding-left: length|initial|inherit;

Wartość atrybutu

Wartość Opis
length Określa stałą wartość lewego wewnętrznego marginesu w konkretnej jednostce, na przykład pikselach, centymetrach itp. Domyślna wartość to 0px.
% Definiuje procentowy lewy wewnętrzny margines oparty na szerokości elementu nadrzędnego. Ta wartość nie działa tak, jak można by się spodziewać we wszystkich przeglądarkach.
inherit Określa, że lewy wewnętrzny margines powinien być dziedziczony od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: 0
Inheredność: nie
Wersja: CSS1
Gramatyka JavaScript: obiekt.style.paddingLeft="10px"

Próbuj sam

Ustaw lewy wewnętrzny margines 1
Ten przykład pokazuje, jak używać wartości w centymetrach do ustawienia lewego wewnętrznego marginesu komórki.
Ustaw lewy wewnętrzny margines 2
Ten przykład pokazuje, jak używać procentowych wartości do ustawienia lewego wewnętrznego marginesu komórki.

Obsługa 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 4.0 1.0 1.0 3.5