Stil paddingRight- Eigenschaft
Beispiel
Legen Sie das rechte Padding eines <div>-Elements fest:
document.getElementById("myDIV").style.paddingRight = "50px";
Definition und Verwendung
Die paddingRight-Eigenschaft legt die rechte Auffüllung eines Elements fest oder gibt sie zurück.
Sowohl die Eigenschaft margin als auch die Eigenschaft padding fügen Leerzeichen um ein Element ein. Der Unterschied besteht jedoch darin, dass margin den Abstand um den Rand einfügt, während padding den Abstand innerhalb des Rands eines Elements einfügt.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
paddingRight | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die paddingRight-Eigenschaft zurück:
object.style.paddingRight
Legen Sie die paddingRight-Eigenschaft fest:
object.style.paddingRight = "%|length|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
% | Defines the right padding in % of the width of the parent element |
length | Defines the right padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | 0 |
---|---|
Rückgabewert: | Ein String, der die rechte Füllung eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die rechte Polsterung eines <div>-Elements wieder auf "normal":
document.getElementById("myDIV").style.paddingRight = "0px";
Beispiel
Gibt das rechte Padding eines <div>-Elements zurück:
alert(document.getElementById("myDIV").style.paddingRight);
Beispiel
Unterschied zwischen marginRight und paddingRight:
function changeMargin() {
document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
document.getElementById("myDIV2").style.paddingRight = "200px";
}
Verwandte Seiten
CSS-Tutorial: CSS-Padding
CSS-Referenz: Eigenschaft padding-right
HTML-DOM-Referenz: Padding-Eigenschaft
❮ Style-Objekt