Beispiel
Stellen Sie die Polsterung eines <div> Element:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px"; Versuch es selber " Definition und Verwendung
Die Polsterung oder Eigenschaftssätze gibt die Polsterung eines Elements.
Diese Eigenschaft kann von einem bis vier Werte annehmen:
Sowohl die Rand-Eigenschaft und die Eigenschaft padding Einlegeraum um ein Element. Jedoch ist der Unterschied, dass Rand den Raum um den Rand einfügt, während padding den Raum innerhalb der Grenze eines Elements einfügt.
- Ein Wert, wie: div {padding: 50px} - alle vier Seiten eine Polsterung von 50px haben
- Zwei Werte, wie zB: div {padding: 50px 10px} - die obere und untere Polsterung wird 50px sein, links und rechts padding wird 10px
- Drei Werte, wie zB: div {padding: 50px 10px 20px} - die obere Polsterung 50px sein, links und rechts padding wird 10px sein, unten padding wird 20px
- Vier Werte, wie zB: div {padding: 50px 10px 20px 30px} - die obere Polsterung 50px sein wird, wird rechts padding 10px sein, wird unten Polsterung 20px sein, links padding wird 30px
Browser-Unterstützung
Die Polsterung Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die Eigenschaft padding:
object .style.padding
Stellen Sie die Eigenschaft padding:
object .style.padding=" Eigenschaftswerte Wert Beschreibung % Definiert die Polsterung in% der Breite des Mutterelements length Definiert die Polsterung in Längeneinheiten initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: 0 Rückgabewert: Ein String, die die Polsterung eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie die Polsterung von allen vier Seiten eines <div> Element "25px" :
document.getElementById("myDiv").style.padding = "25px";
Versuch es selber "
Beispiel
Bringen Sie die Polsterung eines <div> Element:
alert(document.getElementById("myDiv").style.padding);
Versuch es selber "
Beispiel
Differenz zwischen der Eigenschaft margin und der Eigenschaft padding:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Padding
CSS - Referenz: padding property - padding property
<Style - Objekt