CSS margin-bottom ominaisuus

Määrittely ja käyttö

margin-bottom-ominaisuus asettaa elementin alapuolisen ulkoreunustavan.

Huomautus:Negatiiviset arvot ovat sallittuja.

Katso myös:

CSS-opetus:CSS ulkoreuna

HTML DOM -viittausoppas:marginBottom-ominaisuus

Esimerkki

Aseta p-elementin alapuolinen ulkoreunustava:

p
  {
  margin-bottom:2cm;
  }

Kokeile itse

Lisää esimerkkejä löytyy sivun alasta (页面底部可以找到更多实例)

CSS-kieli

margin-bottom: length|auto|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
auto Selain laskee alapuolisen ulkoreunustavan.
length Määritellään alapuolinen ulkoreunustava tarkalla yksiköllä, kuten pikseleillä, senttimetreillä jne. Oletusarvo on 0px.
% Määritellään alapuolinen ulkoreunustava sisältöelementin leveyden prosenttiosuutena.
inherit Määritellään, että alapuolinen ulkoreunustava pitäisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.marginBottom="10px"

Lisää esimerkkejä

Aseta tekstin alapuolinen ulkoreunustava 1
Tämä esimerkki näyttää, miten senttimetrin arvoa käytetään tekstin alapuolisen ulkoreunustavan asettamiseen.
Aseta tekstin alapuolinen ulkoreunustava 2
Tämä esimerkki näyttää, miten prosenttiosuus käytetään tekstin alapuolisen ulkoreunustavan asettamiseen.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5