Style paddingLeft egenskap

定义和用法

Definiera och användning paddingLeft

Egenskapsinställning eller returnering av elementets vänstra inre marginal. margin-egenskapen HTML DOM Referenshandbok: och

Alla dessa lägger in utrymme runt elementen. Men skillnaden är att margin lägger in utrymme runt ramen, medan padding lägger in utrymme inom elementets ram.

Se också:CSS inre marginalia

CSS Tutorial:CSS Referenshandbok:

padding-left-egenskapenHTML DOM Referenshandbok:

Padding-egenskapen

Exempel

Exempel 1

Ställ in vänstra inre marginalen för <div>-elementet:

Prova själv

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

Exempel 2

Återställ vänstra inre marginalen för <div>-elementet till "normal":

Prova själv

Exempel 3

Returnerar vänstra inre marginalen för <div>-elementet:

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

Prova själv

Exempel 4

Skillnaden mellan marginLeft och paddingLeft:

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

Prova själv

Syntax

Returnera paddingLeft-egenskapen:

object.style.paddingLeft

Ange paddingLeft-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
% Definiera vänstra inre marginalen som en procentandel av föräldrelementets bredd.
length Definiera vänstra inre marginalen med längdenheter.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inherriter denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: En sträng som representerar elementets vänstra inre marginal.
CSS version: CSS1

Browserväntar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd