CSS/Eigenschaften/inset

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft inset ist die zusammenfassende Eigenschaft von top, right, bottom und left. Sie hat die gleiche Syntax wie die margin-Eigenschaft

erlaubte Werte
  • 1-4 Längenangaben
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: 0
anwendbar auf alle postionierten Elemente
Browsersupport Details: caniuse.com
Vererbung nein
animierbar ja
Beispiel
.box { 
  position: fixed;
  inset: 2em 50px;
}
Das Element mit der Klasse box erhält einen Einzug von 2em oben und unten und 50px rechts und links.
Beachten Sie: Obwohl Sie Teil der Logischen Eigenschaften ist, beschreibt sie keine logischen, sondern physische Dimensionen.
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 CSS Logical Properties and Values Level 1

Siehe auch