CSS/Eigenschaften/inset-inline-end

Die Eigenschaft inset-inline-end beschreibt die Verschiebung (offset) eines Elements, die je nach writing-mode, direction und text-orientation des Elements auf eine der physischen Eigenschaften top, right, bottom oder left abgebildet wird.

Erlaubte Werte

• Längenangabe
• Prozentangabe (das Bezugselement hängt von der Art der Positionierung ab)

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

0

anwendbar auf

Elemente mit position ≠ static

Vererbung

nein

animierbar

ja

Beispiel

.box { 
  position: relative;
  inset-inline-end: 1em;
  writing-mode: vertical-rl;   
}

Für das Element mit der Klasse box gilt writing-mode:vertical-rl, die Schreibrichtung (die Inlinerichtung) läuft demnach von oben nach unten. Die Angabe inset-inline-end:2em verschiebt das Element entgegen der Inlinerichtung um 1em, das bedeutet eine Verschiebung nach oben und entspricht der physischen Angabe bottom:1em.

Siehe auch

• logische Eigenschaften

Weblinks

• Spezifikation (W3C): position properties CSS Logical Properties and Values Level 1