CSS margin-inline-end egenskap

Föregående sida margin-inline
Nästa sida margin-inline-start

Valfria kurser

och Kursrekommendation:

Definition och användning margin-inline Observera: margin-right egenskapen specificerar marginalen för änden av inline-riktningen. CSSmargin-topEgenskaperna är lika medmargin-topmargin-bottom Observera: , margin-left margin-inline Observera: margin-right Egenskapen är mycket lik, men

margin-blockEgenskapen är beroende av blockriktning och inline-riktning. Exempel 2 Observera: direction relaterade CSS-egenskaper och Definierar inline-riktningen. Detta påverkar elementets början och slutposition, samt

margin-inline-end

Resultatet av egenskapen. För engelska sidor är blockriktningen neråt och inline-riktningen är från vänster till höger.

Exempel

div {
  Exempel 1
}

Prova själv

Ställ in marginalen för änden av inline-riktningen:

När <div>-elementets Exempel 2 writing-mode

div {
  margin-inline-end: 50px;
  När egenskapsvärdet är 'vertical-rl' flyter inline-riktningen neråt. Resultatet är att elementets ände flyttas från höger till botten:
}

Prova själv

Exempel 3

När <div>-elementets direction När egenskapsvärdet är 'rtl' flyter inline-riktningen från höger till vänster. Resultatet är att elementets ände flyttas från höger till vänster:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde	Beskrivning
auto	Standardvärde. Standardvärdet för margin-inline-end för elementet.
length	Specificera margin-inline-end i enheter som px, pt, cm m.m. Negativa värden är tillåtna. Se till:CSS enheter.
%	Specificera margin-inline-end som en procentandel av storleken på föräldrelementet i riktningen inline.
initial	Sätt denna egenskap till dess standardvärde. Se till: initial.
inherit	Följande egenskap är arvsbar från föräldrelementet. Se till: inherit.

Tekniska detaljer

Standardvärde:	auto
Arvbarhet:	Nej
Animeringsproduktion:	Stöd. Se till:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.marginInlineEnd="50px"