Atrybut padding-top w CSS

Definicja i użycie

Atrybut padding-top ustawia górny wewnętrzny margines elementu (przestrzeń).

Wyjaśnienie

Ta właściwość ustawia szerokość górnego wewnętrznego marginesu elementu. Górny wewnętrzny margines w wewnętrznych elementach inline nie wpływa na obliczenia wysokości wiersza, więc jeśli element ma zarówno marginesy, jak i tło, może wizualnie rozciągać się na inne wiersze i może również nachodzić na inne treści. Nie można określić ujemnych wartości marginesów wewnętrznych.

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

Zobacz również:

Kurs CSS:Wewnętrzne marginesy CSS

Podręcznik HTML DOM:Atrybut paddingTop

Przykład

Ustaw górny wewnętrzny margines elementu p:

p
  {
  padding-top:2cm;
  }

Próbuj sam

（更多实例可以在页面底部找到）

CSS语法

padding-top: length|initial|dziedziczony;

Wartość atrybutu

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

Techniczne szczegóły

Domyślna wartość： 0
Inheredność： nie
Wersja： CSS1
JavaScript语法： object.style.paddingTop="10px"

Próbuj sam

Ustawienie górnej wewnętrznej marginesu 1
Ten przykład pokazuje, jak używać wartości w centymetrach do ustawienia górnej wewnętrznej marginesu komórki.
Ustawienie górnej wewnętrznej marginesu 2
Ten przykład pokazuje, jak używać procentowych wartości do ustawienia górnej wewnętrznej marginesu komórki.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która pełni pełną obsługę tej właściwości.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5