Style marginLeft ominaisuus

Määrittely ja käyttö

marginLeft ominaisuudet asettavat tai palauttavat elementin vasemman ulkoisen reunavälin.

margin-ominaisuus ja padding-ominaisuus 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älle.

Lisäksi:

CSS -opas:CSS:n ulkoreuna

CSS -viittauskirja:margin-left-ominaisuus

HTML DOM -viittauskirja:margin-ominaisuus

Esimerkki 1

Aseta <div> -elementin vasemman ulkoisen reunavälin:

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

Kokeile itse

Esimerkki 2

Palauta <div> -elementin vasemman ulkoisen reunavälin asetuksiin "normal":

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

Kokeile itse

Esimerkki 3

Palauttaa <div> -elementin vasemman ulkoisen reunavälin:

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

Kokeile itse

Esimerkki 4

marginLeft ja paddingLeft eroavat toisistaan:

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

Kokeile itse

Syntaksi

Palauta marginLeft-ominaisuus:

object.style.marginLeft

Aseta marginLeft-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
% Määritä vasemman ulkoisen reunavälin pituus vanhemman elementin leveyden prosentteina.
length Määritä vasemman ulkoisen reunavälin pituus mittayksiköillä.
auto Selain asettaa vasemman ulkoisen reunavälin.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: Merkkijono, joka ilmaisee elementin vasemman ulkoisen reunavälin.
CSS versio: CSS1

Selain tukee

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