Style marginTop-egenskapen

Definition och användning

marginTop egenskapen ställer in eller returnerar elementets övre marginaltavlan.

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 Lärbok:CSS-extern margin

CSS Referenshandbok:margin-top-egenskapen

HTML DOM Referenshandbok:margin-egenskapen

Exempel

Exempel 1

Ställ in <div>-elementets övre marginaltavlan:

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

Prova själv

Exempel 2

Återställ <div>-elementets övre marginaltavlan till "normal":

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

Prova själv

Exempel 3

Returnera <div>-elementets övre marginaltavlan:

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

Prova själv

Exempel 4

Skillnaden mellan marginTop och paddingTop:

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

Prova själv

Syntax

Returnera marginTop-egenskapen:

object.style.marginTop

Ställ in marginTop-egenskapen:

object.style.marginTop = "%|length|auto|initial|inherit"

Egenskapsvärde

Värde Beskrivning
% Definiera övre marginaltavlan som en procentandel av föräldrelementets bredd.
length Definiera övre marginaltavlan med längdenheter.
auto Webbläsarinställningar för övre marginaltavlan.
initial Sätt denna egenskap till dess standardvärde. Se initial。
inherit Inheritera denna egenskap från föräldrelementet. Se inherit。

Tekniska detaljer

Standardvärde: 0
Returvärde: en sträng som anger elementets övre marginaltavlan.
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