CSS/Eigenschaften/inset-block

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft inset-block ist die zusammenfassende Eigenschaft von inset-block-start und inset-block-end. Sie definieren vergleichbar zu top, right, bottom und left die Verschiebung (offset) eines Elements, die je nach Schreibmodus, Ausrichtung und Textorientierung des Elements auf physische Eigenschaften abgebildet wird.

erlaubte Werte
  • 1-2 Längenangaben
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: 0
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar ja
Beispiel
.box { 
inset-block: 2em 50px;
  writing-mode: vertical-rl;  
}
Das Element mit der Klasse box erhält
Empfehlung: Wird nur ein Wert angegeben, so wird der fehlende Wert von der gegenüberliegenden Seite übernommen. Nur ein angegebener Wert gilt für alle Seiten.

Weblinks

  • Spezifikation (W3C): inset-block CSS Logical Properties and Values Level 1

Siehe auch