Właściwość CSS padding-left

Definicja stylu, przeznaczenie i użycie padding-left

Dopełnienie elementu to przestrzeń między jego zawartością a jego obramowaniem.

Właściwość padding-left ustawia wielkość lewego dopełnienia elementu.

Styl padding-left określa lewe dopełnienie elementu.

Uwaga: nie są dozwolone wartości ujemne.

Wartość	Opis
length	Określa margines w px \| mm \| cm \| in \| pt \| pc \| em \| ex. Wartość domyślna to 0. Nie są dopuszczalne wartości ujemne.
%	Określa margines w procentach szerokości elementu zawierającego.
initial	Ustawia tę właściwość na jej wartość domyślną.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.

padding-left: length | initial | inherit;

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
padding-left	1.0	4.0	1.0	1.0	3.5

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Rezultat:

Spróbuj z różnymi wartościami padding-left dla tego żółtego elementu DIV.

Kod CSS:

div#myBox {
  background-color:yellow;
  border: 1px solid red;
  padding-left:0px;
}

padding-left: 25px;

padding-left: 10%;

padding-left: 2em;