CSS margin-block-end ominaisuus

Edellinen sivu margin-block
Seuraava sivu margin-block-start

Määrittely ja käyttö

margin-block-end Ominaisuudet määrittelevät lohkovirheen lopun ulkoreunan.

CSS:n margin-block ja margin-inline Ominaisuudet vastaavat CSS:n margin-top,margin-bottom,margin-left ja margin-right Ominaisuudet ovat erittäin samanlaisia, mutta margin-block ja margin-inline Ominaisuus riippuu lohkovirheestä ja rivivirheestä.

Huomioitavaa:Liittyvät CSS-ominaisuudet writing-mode Määrittää lohkovirheen. margin-block-end Ominaisuuden tuloksen. Englanninkielisillä sivuilla lohkovirhe on alas ja rivinvirhe vasemmalle.

Esimerkki

Esimerkki 1

Aseta lohkovirheen lopun ulkoreuna:

div {
  margin-block-end: 35px;
}

Kokeile itse

Esimerkki 2

Kun <div>-elementin writing-mode Kun ominaisuusarvo asetetaan vertical-rl, lohkovirhe on oikealta vasemmalle. Tulos on, että elementin loppupuoli siirtyy alapuolelta vasemmalle. Siksi writing-mode-muutokset vaikuttavat myös margin-block-end-efektiin:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-end: 50px;
}

Kokeile itse

CSS-kieli

margin-block-end: auto|length|initial|inherit;

Ominaisuusarvo

Arvo	Kuvaus
auto	Oletusarvo. Elementin oletus ulkoreuna.
length	Määritä etäisyys, yksikkönä px, pt, cm jne. Negatiiviset arvot ovat sallittuja. Katso:CSS yksiköt.
%	Määritä suhteellinen etäisyys vanhemmalta elementiltä rivin suunnassa.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden vanhemmalta elementiltä. Katso: inherit.