CSS margin-inline-end egenskab

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

Definition og brug

margin-inline-end egenskab specificerer ekstern kant af den indre retning.

CSS' margin-inline og margin-block egenskaber er lignende til margin-top,margin-bottom,margin-left og margin-right Egenskaber er meget lignende, men margin-inline og margin-block Egenskaben afhænger af blokretning og indre retning.

Bemærk:relaterede CSS-egenskaber writing-mode og direction Definerer den indre retning. Dette påvirker elementets start- og slutpositioner samt margin-inline-end Egenskabets resultat. For engelske sider er blokretningen nedad, og den indre retning er fra venstre til højre.

Eksempel

Eksempel 1

Sæt ekstern kant af den indre retning:

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

Prøv det selv

Eksempel 2

Når <div>-elementets writing-mode Når egenskabsværdien sættes til 'vertical-rl', er den indre retning nedad. Resultatet er, at elementets ende flyttes fra højre til bunden:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

Prøv det selv

Eksempel 3

Når <div>-elementets direction Når egenskabsværdien sættes til 'rtl', er den indre retning fra højre til venstre. Resultatet er, at elementets ende flyttes fra højre til venstre:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
auto	Standardværdi. Standard margin-inline-end værdi for elementet.
length	Specificer margin-inline-end i enheder som px, pt, cm osv. Tillader negative værdier. Se:CSS enheder.
%	Specificer margin-inline-end som en procentdel af den horisontale størrelse af den forældrelige element.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra sin forældrelige element. Se: inherit.

Tekniske detaljer

Standardværdi:	auto
Arvbarhed:	Nej
Animation laver:	Understøttet. Se:Animation relaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.marginInlineEnd="50px"