Stylopvulling Regte eiendom
Voorbeeld
Stel die regte vulling van 'n <div>-element:
document.getElementById("myDIV").style.paddingRight = "50px";
Definisie en gebruik
Die paddingRight-eienskap stel of gee die regte opvulling van 'n element terug.
Beide die marge-eienskap en die padding-eienskap voeg spasie om 'n element in. Die verskil is egter dat marge die spasie om die grens invoeg, terwyl opvulling die spasie binne die grens van 'n element invoeg.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
paddingRight | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die paddingRight-eienskap terug:
object.style.paddingRight
Stel die paddingRight-eienskap:
object.style.paddingRight = "%|length|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | 0 |
---|---|
Terugkeerwaarde: | 'n String, wat die regte vulling van 'n element voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die regte vulling van 'n <div> element terug na "normaal":
document.getElementById("myDIV").style.paddingRight = "0px";
Voorbeeld
Gee die regte vulling van 'n <div>-element terug:
alert(document.getElementById("myDIV").style.paddingRight);
Voorbeeld
Verskil tussen kantlynregs en regs opvulling:
function changeMargin() {
document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
document.getElementById("myDIV2").style.paddingRight = "200px";
}
Verwante bladsye
CSS handleiding: CSS Padding
CSS verwysing: padding-right eiendom
HTML DOM verwysing: opvulling eiendom
❮ Stylvoorwerp