CSS margin-block-start ominaisuus

Edellinen sivu margin-block-end
Seuraava sivu margin-bottom

Määritelmä ja käyttö

margin-block-start ominaisuudet määrittelevät lohkovirheen alkupuolen ulkonevuuden.

CSS:n margin-block ja margin-inline ominaisuudet ovat samanlaisia CSS:n margin-top,margin-bottom,margin-left ja margin-right ominaisuudet ovat hyvin samanlaisia, mutta margin-block ja margin-inline Ominaisuus riippuu lohkovirheestä ja rivivirheestä.

Huomaa:Liittyvät CSS-ominaisuudet writing-mode Määrittää lohkovirheen. Tämä vaikuttaa lohkon alkuperäiseen ja loppusijaintiin sekä margin-block-start-ominaisuuden tulokseen. Englanninkielisillä sivuilla lohkovirhe on alas ja rivivirhe vasemmalle.

esimerkki

esimerkki 1

aseta lohkovirheen alkupuolen ulkonevuus:

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

Kokeile itse

esimerkki 2

kun <div>-elementin writing-mode ominaisuuden arvon asettaminen vertical-rl:hen tarkoittaa, että lohkovirhe on oikealta vasemmalle. Tämä tarkoittaa, että elementin alkuperäinen sijainti siirtyy oikealle. Siksi writing-mode:n muutos vaikuttaa myös margin-block-start vaikutus:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

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