Najnowsze tutoriale tworzenie stron internetowych
 

Style padding Property

<Style obiektu

Przykład

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

document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy własności wypełniające lub zwraca dopełnienie elementu.

Ta właściwość może trwać od jednego do czterech wartości:

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.

  • Jedna wartość, jak: div {padding: 50px} - wszystkie cztery boki będą miały dopełnienie 50px
  • Dwie wartości, takie jak: div {padding: 50px 10px} - u góry iu dołu dopełnienie będzie 50px, lewo i prawo wyściółka będzie 10px
  • Trzy wartości, takie jak: div {padding: 50px 10px 20px} - górna wyściółka będzie 50px, lewo i prawo wyściółka będzie 10px, dolny wyściółka będzie 20px
  • Cztery wartości, takie jak: div {padding: 50px 10px 20px 30px} - górna wyściółka będzie 50px, tuż wyściółka będzie 10px, dolny wyściółka będzie 20px, lewa wyściółka będzie 30px

Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


Składnia

Zwraca właściwość padding:

object .style.padding

Ustaw właściwość padding:

object .style.padding=" wartości nieruchomości
Wartość Opis
% Określa dopełnienie w% szerokości elementu nadrzędnego
length Definiuje 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, stanowiących dopełnienie elementu
Wersja CSS CSS1

Więcej przykładów

Przykład

Zmień dopełnienie wszystkich czterech bokach <div> elementu do "25px" :

document.getElementById("myDiv").style.padding = "25px";
Spróbuj sam "

Przykład

Zwraca dopełnienie w <div> element:

alert(document.getElementById("myDiv").style.padding);
Spróbuj sam "

Przykład

Różnica między właściwość marży i właściwości padding:

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

function changePadding() {
    document.getElementById("myDiv2").style.padding = "100px";
}
Spróbuj sam "

Podobne strony

Kurs CSS: CSS padding

Odniesienie CSS: padding property


<Style obiektu