Stijl paddingTop Property
Voorbeeld
Stel de top padding van een <div> element in:
document.getElementById("myDiv").style.paddingTop = "50px";
Definitie en gebruik
De eigenschap paddingTop stelt de bovenste opvulling van een element in of retourneert.
De opvuleigenschappen definiëren de ruimte tussen de elementrand en de elementinhoud.
Zowel de marge-eigenschap als de padding-eigenschap voegen ruimte in rond een element. Het verschil is echter dat marge de ruimte rond de rand invoegt, terwijl opvulling de ruimte binnen de rand van een element invoegt.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
paddingTop | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap paddingTop:
object.style.paddingTop
Stel de eigenschap paddingTop in:
object.style.paddingTop = "%|length|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
% | Defines the top padding in % of the width of the parent element |
length | Defines the top 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
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een tekenreeks, die de bovenste opvulling van een element vertegenwoordigt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Verander de bovenste opvulling van een <div> element terug naar "normaal":
document.getElementById("myDiv").style.paddingTop = "0px";
Voorbeeld
Retourneer de bovenste opvulling van een <div> -element:
alert(document.getElementById("myDiv").style.paddingTop);
Voorbeeld
Verschil tussen marginTop en paddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-opvulling
CSS-referentie: eigenschap padding-top
HTML DOM-referentie: eigenschap opvulling
❮ Stijlobject