Style marginBottom ominaisuus

Määrittely ja käyttö

marginBottom asettaa tai palauttaa elementin alareunan ulkoreunusvälit.

margin-ominaisuus ja padding-ominaisuus Kaikki lisäävät tilaa elementin ympärille. Mutta erona on, että margin lisää tilaa reunan ympärille, kun taas padding lisää tilaa elementin reunan sisällä.

Lisäksi:

CSS -opetus:CSS:n ulkoreuna

CSS -viittauskirja:margin-bottom-ominaisuus

HTML DOM -viittauskirja:margin-ominaisuus

Esimerkki

Esimerkki 1

Aseta <div>-elementin alareunan ulkoreunusvälit:

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

Kokeile itse

Esimerkki 2

Palauta <div>-elementin alareunan ulkoreunusvälit "normal"-arvoon:

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

Kokeile itse

Esimerkki 3

Palauta <div>-elementin alareunan ulkoreunusvälit:

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

Kokeile itse

Esimerkki 4

marginBottom ja paddingBottom:n ero:

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

Kokeile itse

Syntaksi

Palauta marginBottom-ominaisuus:

object.style.marginBottom

Aseta marginBottom-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
% Määritä alareunan ulkoreunusvälit isäelementin leveyden prosentteina.
length Määritä alareunan ulkoreunusvälit mittayksiköillä.
auto selaimesen asetukset alareunan ulkoreunusvälit.
initial Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso initial.
inherit Periisi elementistä tämän ominaisuuden arvon. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: merkkijono, joka ilmaisee elementin alareunan ulkoreunusvälit.
CSS versio CSS1

Selaimen tuki

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