Style paddingBottom eigenschap

Definitie en gebruik

paddingBottom Stelt of retourneert de onderste binnenmarge van het element.

margin-eigenschap en Padding-eigenschap Plaats ruimte rond het element. Het verschil ligt in dat margin ruimte invoegt rond de randen, terwijl padding ruimte invoegt binnen de randen van het element.

Zie ook:

CSS Handleiding:CSS inner padding

CSS Referentiemanual:padding-bottom-eigenschap

HTML DOM Referentiemanual:Padding-eigenschap

Voorbeeld

Voorbeeld 1

Instellen van de onderste binnenmarge van het <div>-element:

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

Probeer het zelf

Voorbeeld 2

Stel de onderste binnenmarge van het <div>-element terug in op "normal":

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

Probeer het zelf

Voorbeeld 3

Retourneer de onderste binnenmarge van het <div>-element:

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

Probeer het zelf

Voorbeeld 4

Het verschil tussen marginBottom en paddingBottom:

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

Probeer het zelf

Syntaxis

Retourneren van de paddingBottom-eigenschap:

object.style.paddingBottom

Instellen van de paddingBottom-eigenschap:

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

Eigenschapswaarde

Waarde Beschrijving
% Definieer de onderste binnenmarge als een percentage van de breedte van het ouder-element.
length Definieer de onderste binnenmarge met een lengte-eenheid.
initial Deze eigenschap ingesteld op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: Een string die de onderste binnenmarge van het element aangeeft.
CSS versie: CSS1

Browser support

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