Style paddingTop Property

Przykład

Ustaw górną wyściółkę o <div> element:

document.getElementById("myDiv").style.paddingTop = "50px";

Definicja i Wykorzystanie

Zestawy własności paddingTop lub zwraca górną wyściółkę elementu.

Właściwości wyściółki zdefiniować przestrzeń pomiędzy krawędzią elementu i zawartości pierwiastków.

Zarówno nieruchomość margines i przestrzeń wkładka nieruchomość wyściółka wokół elementu. Jednak różnica jest taka, że margines wstawia przestrzeń wokół granicy, natomiast wyściółka wkładki przestrzeń wewnątrz granicy elementu.

Wsparcie przeglądarka

Nieruchomość paddingTop jest dostępna we wszystkich głównych przeglądarkach.

Składnia

Zwraca właściwość paddingTop:

object .style.paddingTop

Ustaw właściwość paddingTop:

object .style.paddingTop=" wartości nieruchomości

Wartość	Opis
%	Określa górną wyściółkę w% szerokości elementu nadrzędnego
length	Określa górną wyściółkę w jednostkach długości
initial	Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit	Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość:	0
Zwracana wartość:	Ciąg reprezentujący górną wyściółkę elementu
Wersja CSS	CSS1

Więcej przykładów

Przykład

Zmień górną wyściółkę o <div> elementu z powrotem do "normal" :

document.getElementById("myDiv").style.paddingTop = "0px";

Spróbuj sam "

Przykład

Powrót górną wyściółkę o <div> element:

alert(document.getElementById("myDiv").style.paddingTop);

Spróbuj sam "

Przykład

Różnica między marginTop i paddingTop:

function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}

function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}

Spróbuj sam "