Style marginRight 属性

定义和用法

marginRight asettaa tai palauttaa elementin oikean ulkopuolisen reunan.

Margin ominaisuus ja Padding ominaisuus Ne kaikki lisäävät tilaa elementin ympärille. Mutta ero on siinä, että margin lisää tilaa reunan ympärille, kun taas padding lisää tilaa elementin reunan sisällä.

Katso myös:

CSS -opas:CSS:n ulkoreuna

CSS -viittauskirja:margin-right ominaisuus

HTML DOM -viittauskirja:Margin ominaisuus

Esimerkki

Esimerkki 1

Aseta <div> -elementin oikean ulkopuolinen reuna:

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

Kokeile itse

Esimerkki 2

Palauta <div> -elementin oikean ulkopuolinen reuna "normal"-tilaan:

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

Kokeile itse

Esimerkki 3

Palauta <div> -elementin oikean ulkopuolinen reuna:

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

Kokeile itse

Esimerkki 4

marginRight ja paddingRight eroavat toisistaan:

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

Kokeile itse

Syntaksi

Palauta marginRight ominaisuus:

object.style.marginRight

Aseta marginRight ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
% Määritä oikean ulkopuolinen reuna vanhemman elementin leveyden prosentteina.
length Määritä oikean ulkopuolinen reuna pituusyksiköillä.
auto Selain asettaa oikean ulkopuolisen reunan.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä tämän ominaisuuden. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: Merkkijono, joka ilmaisee elementin oikean ulkopuolisen reunan.
CSS versio: CSS1

Selain tukee

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki