Style paddingLeft property

定义和用法

Definitie en gebruik paddingLeft

Eigenschap instellen of retourneren van de linkse binnenvulling van het element. margin-eigenschap HTML DOM referentiehandleiding: en

Zijn allemaal om de elementen ruimte in te voegen. Maar het verschil is dat margin ruimte invoegt om de rand heen, terwijl padding ruimte invoegt binnen de rand van het element.

Zie ook:CSS inner padding

CSS handleiding:CSS referentiehandleiding:

padding-left-eigenschapHTML DOM referentiehandleiding:

Padding-eigenschap

Voorbeeld

Voorbeeld 1

Stel de linkse binnenvulling van het <div>-element in:

Probeer het zelf

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

Voorbeeld 2

Stel de linkse binnenvulling van het <div>-element terug in op "normal":

Probeer het zelf

Voorbeeld 3

Retourneert de linkse binnenvulling van het <div>-element:

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

Probeer het zelf

Voorbeeld 4

Het verschil tussen marginLeft en paddingLeft:

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

Probeer het zelf

Syntax

Retourneren van de paddingLeft-eigenschap:

object.style.paddingLeft

Instellen van de paddingLeft-eigenschap:

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

Eigenschapswaarde

Waarde Beschrijving
% Definieer de linkse binnenvulling als een percentage van de breedte van de ouder element.
length Definieer de linkse binnenvulling met een lengte-eenheid.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

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

Browser ondersteuning

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