CSS/Eigenschaften/max-block-size

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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
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.

Siehe auch

Weblinks