Style paddingTop eigenschap

Definitie en gebruik

paddingTop Eigenschap instellen of retourneren van de bovenste inwards padding van het element.

De inwards padding-eigenschap definieert de ruimte tussen de rand van het element en de inhoud van het element.

margin-eigenschap en Padding-eigenschap Plaats ruimte rond het element. Het verschil is dat margin ruimte plaatst rond de randen van de rand, terwijl padding ruimte plaatst binnen de rand van het element.

Zie ook:

CSS handleiding:CSS inner padding

CSS referentiehandleiding:padding-top-eigenschap

HTML DOM referentiehandleiding:Padding-eigenschap

Voorbeeld

Voorbeeld 1

Instellen van de bovenste inwards padding van het <div>-element:

document.getElementById("myDiv").style.paddingTop = "50px";

Probeer het zelf

Voorbeeld 2

Stel de bovenste inwards padding van het <div>-element terug in op "normal":

document.getElementById("myDiv").style.paddingTop = "0px";

Probeer het zelf

Voorbeeld 3

Retourneer de bovenste inwards padding van het <div>-element:

alert(document.getElementById("myDiv").style.paddingTop);

Probeer het zelf

Voorbeeld 4

Het verschil tussen marginTop en paddingTop:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

Probeer het zelf

Syntax

Retourneren van de paddingTop-eigenschap:

object.style.paddingTop

Instellen van de paddingTop-eigenschap:

object.style.paddingTop = "%|length|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
% De bovenste inwards padding definiëren als een percentage van de breedte van het ouder element.
length De bovenste inwards padding definiëren met een lengte-eenheid.
initial Deze eigenschap instellen op de standaardwaarde. Zie ook initial.
inherit Deze eigenschap overnemen van de ouder element. Zie ook inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: Een string die de bovenste inwards padding van het element aangeeft.
CSS versie: CSS1

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support