Proprietà margin-inline-end CSS

Pagina precedente margin-inline
Pagina successiva margin-inline-start

Corso a scelta

margin-inline-end Corso raccomandato:

Definizione e uso margin-inline e margin-block L'attributo specifica la margine dell'estremità della direzione inline. margin-top,margin-bottom,margin-left e margin-right L'attributo è molto simile, ma margin-inline e margin-block L'attributo dipende dalla direzione del blocco e della direzione inline.

Attenzione:proprietà CSS correlate writing-mode e direction Definisce la direzione inline. Questo influisce sulla posizione iniziale e finale dell'elemento, nonché margin-inline-end Il risultato dell'attributo. Per le pagine in inglese, la direzione del blocco è verso il basso e la direzione inline è da sinistra a destra.

Esempio

Esempio 1

Imposta la margine dell'estremità della direzione inline:

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

Prova personalmente

Esempio 2

Quando l'attributo writing-mode Quando il valore dell'attributo è 'vertical-rl', la direzione inline è verso il basso. Il risultato è che l'estremità dell'elemento si sposta dal lato destro verso il basso:

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

Prova personalmente

Esempio 3

Quando l'attributo direction Quando il valore dell'attributo è 'rtl', la direzione inline è da destra a sinistra. Il risultato è che l'estremità dell'elemento si sposta da destra a sinistra:

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

Prova personalmente

Sintassi CSS

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

Valore dell'attributo

Valore	Descrizione
auto	Valore predefinito. Valore predefinito di margin-inline-end dell'elemento.
length	Specifica margin-inline-end in unità come px, pt, cm. Permette valori negativi. Vedi:Unità CSS.
%	Specifica margin-inline-end come percentuale della dimensione dell'elemento padre in direzione inline.
initial	Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit	Inherita da elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito:	auto
Ereditarietà:	No
Produzione di animazioni:	Supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.marginInlineEnd="50px"