CSS margin-block-end egenskab

Forrige side margin-block
Næste side margin-block-start

Definering og brug

margin-block-end egenskab specificerer blokretningens afslutning margin.

CSS margin-block og margin-inline egenskaber er meget ligner CSS margin-top,margin-bottom,margin-left og margin-right er meget ligner, 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 slutposition samt margin-block-end Egenskabets resultat. For engelske sider er blokretningen nedad og rækkefølgen fra venstre til højre.

Eksempel

Eksempel 1

Sæt marginen ved blokretningens afslutning:

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

Prøv det selv

Eksempel 2

Når <div>-elementets writing-mode Når egenskabsværdien sættes til vertical-rl, er blokretningen fra højre til venstre. Resultatet er, at elementets afslutningsposition flyttes fra bunden til venstre. Derfor vil ændringen af writing-mode også påvirke margin-block-end's effekt:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

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

Tekniske detaljer

Standardværdi:	auto
Arv:	Nej
Animation production:	Understøttet. Se:Animation relaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.marginBlockEnd="20px"