CSS/Eigenschaften/inset-block-end

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft inset-block-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
Vererbung steuernde Werte inherit, initial, unset und revert
Standardwert

0

anwendbar auf

Elemente mit positionstatic

Vererbung

nein

animierbar

ja

Beispiel
.box { 
  position: relative;
  inset-block-end: 2em;
  writing-mode: vertical-rl;   
}
Für das Element mit der Klasse box gilt writing-mode:vertical-rl, die Zeilenanordnung (die Blockrichtung) läuft demnach von rechts nach links. Die Angabe inset-block-end:2em verschiebt das Element entgegen der Blockrichtung um 2em, das bedeutet eine Verschiebung nach rechts und entspricht der physischen Angabe left:2em.

Siehe auch

Weblinks