Atrybut padding-bottom w CSS

Definicja i użycie

padding-bottom właściwość ustawia dolny wewnętrzny margines elementu (przestrzeń pusta na dole).

Wyjaśnienie

Ta właściwość ustawia szerokość dolnego wewnętrznego marginesu elementu. Dolny wewnętrzny margines ustawiony na wewnętrznych, niezastępowalnych elementach wiersza nie wpływa na obliczenia wysokości wiersza, więc element z wewnętrznym marginesem i tłem może wizualnie rozciągać się na inne wiersze, a nawet może nachodzić na inne treści. Nie można指定ujemy ujemnych wartości dolnego wewnętrznego marginesu.

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

Zobacz również:

CSS Tutorial:Wewnętrzne marginesy CSS

HTML DOM Reference Manual:paddingBottom właściwość

Przykład

Ustaw dolny wewnętrzny margines elementu p:

p
  {
  padding-bottom:2cm;
  }

Spróbuj sam

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

CSS syntax

padding-bottom: length|initial|inherit;

Wartość atrybutu

Wartość Opis
length Definiuje stałą wartość dolnego wewnętrznego marginesu w konkretnej jednostce, na przykład pikselach, centymetrach itp. Domyślna wartość to 0px.
% Definiuje procentowy dolny 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 Definiuje, że dolny wewnętrzny margines powinien być dziedziczony od elementu nadrzędnego.

Techniczne szczegóły

Domyślna wartość: 0
Inheredność: nie
Wersja: CSS1
JavaScript syntax: object.style.paddingBottom="10px"

Próbuj sam

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

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