Style marginRight 属性

定义和用法

marginRight egenskapen ställer in eller returnerar höger marginal för elementet.

Marginal-egenskapen och padding-egenskapen Lägger till utrymme runt elementet. Men skillnaden är att margin lägger till utrymme runt kanterna, medan padding lägger till utrymme inom elementets kanter.

Se också:

CSS-tutorials:CSS-utkanter

CSS-handboken:margin-right-egenskapen

HTML DOM-handboken:Marginal-egenskapen

Exempel

Exempel 1

Sätt höger marginal för <div>-elementet:

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

Prova själv

Exempel 2

Återställ höger marginal för <div>-elementet till "normal":

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

Prova själv

Exempel 3

Returnerar höger marginal för <div>-elementet:

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

Prova själv

Exempel 4

Skillnaden mellan marginRight och paddingRight:

function changeMargin() {
  document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingRight = "200px";
}

Prova själv

Syntax

Returnera marginRight-egenskapen:

object.style.marginRight

Sätt marginRight-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
% Definiera höger marginal som en procentandel av föräldrelementets bredd.
length Definiera höger marginal med längdenheter.
auto Webbläsaren ställer in höger marginal.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följer denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: En sträng som anger elementets högra yttre marginal.
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