CSS margin-block-start egenskab

Forrige side margin-block-end
Næste side margin-bottom

Definition og brug

margin-block-start egenskab specificerer blokretningens startmargen.

CSS margin-block og margin-inline egenskaber er relateret til CSS margin-top,margin-bottom,margin-left og margin-right egenskaber er meget lignende, men margin-block og margin-inline Egenskaben afhænger af blokretning og rækkefølge.

Bemærk:Relaterede CSS-egenskaber writing-mode Definerer blokretningen. Dette påvirker blokkens start- og slutpositioner samt resultatet af margin-block-start-egenskaben. For engelske sider er blokretningen nedad, rækkefølgen fra venstre til højre.

Eksempel

Eksempel 1

sæt blokretningens startmargen:

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

Prøv det selv

Eksempel 2

når <div>-elementet writing-mode Når egenskabsværdien sættes til vertical-rl, er blokretningen fra højre til venstre. Resultatet er, at elementets startposition flyttes til højre. Derfor vil ændringer i writing-mode også påvirke margin-block-start effekten:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
auto	Standardværdi. Elementets standard margin afstand.
length	Angiv afstanden, målt i px, pt, cm osv. Negative værdier er tilladt. Se:CSS enheder.
%	Angiv en procentdel af størrelsen af forældreelementet i rækkefølgen.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arver denne egenskab fra sin forældrelement. Se: inherit.

Tekniske detaljer

Standardværdi:	auto
Arvbarhed:	Nej
Animation production:	Understøttet. Se:Animationsegenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.marginBlockStart="100px"