Style marginTop ominaisuus

Määritelmä ja käyttö

marginTop asettaa tai palauttaa elementin ylä reunavälinen tila.

Margin ominaisuus ja Padding ominaisuus Lisää 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 opetus:CSS:n ulkoreuna

CSS viittauskirja:margin-top ominaisuus

HTML DOM viittauskirja:Margin ominaisuus

Esimerkki

Esimerkki 1

Aseta <div> elementin ylä reunavälinen tila:

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

Kokeile itse

Esimerkki 2

Palauta <div> elementin ylä reunavälinen tila takaisin "normal":

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

Kokeile itse

Esimerkki 3

Palauta <div> elementin ylä reunavälinen tila:

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

Kokeile itse

Esimerkki 4

marginTop ja paddingTop ero:

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

Kokeile itse

Syntaksi

Palauta marginTop ominaisuus:

object.style.marginTop

Aseta marginTop ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
% Määritä ylä reunavälinen tila vanhempien elementin leveyden prosentteina.
length Määritä ylä reunavälinen tila pituusyksiköillä.
auto Selaimen asetukset ylä reunavälinen tila.
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 ylä reunavälinen tila.
CSS versio: CSS1

Selain tukee

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