CSS/Eigenschaften/max-block-size

Die Eigenschaft max-block-size gibt die maximale Größe eines Elements in der Richtung an, die der Schreibrichtung entgegengesetzt ist, wie sie durch writing-mode angegeben wird. Das heißt, wenn die Schreibrichtung horizontal ist, dann entspricht max-block-size max-height; wenn die Schreibrichtung vertikal ist, dann max-width.

Die maximale Länge der anderen Dimension wird mit der Eigenschaft max-inline-size angegeben.

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 Defaultwert: auto
anwendbar auf	alle Elemente
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	ja

Beispiel

div { max-block-size: 30em; }

Alle div-Elemente erhalten eine maximale 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.

Weblinks

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

Siehe auch

• logische Eigenschaften