CSS/Eigenschaften/inline-size

Die Eigenschaft inline-size definiert die horizontale oder vertikale Größe des Blocks eines Elements, abhängig von seinem Schreibmodus. Sie entspricht entweder der Eigenschaft width oder der Eigenschaft height, je nach dem Wert von writing-mode.

Wenn der Schreibmodus vertikal ausgerichtet ist, bezieht sich der Wert von inline-size auf die Breite des Elements; andernfalls bezieht er sich auf die Höhe des Elements. Eine verwandte Eigenschaft ist block-size, die die andere Dimension des Elements definiert.

Erlaubte Werte

• eine nicht-negative Längenangabe
• eine Prozentangabe, diese bezieht sich auf die Höhe des umschließenden Blocks
• auto, Ausgangswert
• inherit

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

div { inline-size: 20em; }

Alle div-Elemente erhalten eine Breite von 20em, wenn writing-mode auf horizontal gesetzt ist.

Empfehlung: Die Höhe von Inline-Elementen wird durch den Wert der Eigenschaft line-height bestimmt. Die Eigenschaft overflow regelt das Verhalten für den Fall, dass die zur Verfügung stehende Höhe für den Inhalt des Elements nicht ausreichend ist.

Siehe auch

• logische Eigenschaften

Weblinks

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