Style marginLeft egenskap

Definition och användning

marginLeft egenskapen ställer in eller returnerar elementets vänstra utkant.

margin-egenskapen och padding-egenskapen Lägger till utrymme runt elementen. Men skillnaden är att margin lägger till utrymme runt ramen, medan padding lägger till utrymme inom elementets ram.

Se också:

CSS tutorial:CSS-kanter

CSS referenshandbok:margin-left-egenskapen

HTML DOM referenshandbok:margin-egenskapen

Exempel 1

Sätt <div>-elementets vänstra utkant:

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

Prova själv

Exempel 2

Återställ <div>-elementets vänstra utkant till "normal":

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

Prova själv

Exempel 3

Returnerar <div>-elementets vänstra utkant:

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

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 marginLeft-egenskapen:

object.style.marginLeft

Sätt marginLeft-egenskapen:

object.style.marginLeft = "%|length|auto|inherit"

Egenskapsvärde

Värde Beskrivning
% Definiera vänster utkant med föräldrelementets bredd i procent.
length Definiera vänster utkant med längdenheter.
auto Webbläsarens inställningar för vänster utkant.
initial Sätt detta egenskapsvärde till dess standardvärde. Se initial.
inherit Inheriterar detta egenskapsvärde från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: En sträng som anger elementets vänstra utkant.
CSS version: CSS1

Webbläsare stödjer

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