CSS/Eigenschaften/block-size

Die Eigenschaft block-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 block-size auf die Breite des Elements; andernfalls bezieht er sich auf die Höhe des Elements. Eine verwandte Eigenschaft ist inline-size, die die andere Dimension des Elements definiert.

Erlaubte Werte

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

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

div { block-size: 30em; }

Alle div-Elemente erhalten eine Höhe von 30em, 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