CSS - Eigenschaft max-height
Beispiel
Legen Sie die maximale Höhe eines <p>-Elements auf 50 Pixel fest:
p.ex1
{
max-height: 50px;
}
Definition und Verwendung
Die max-height
Eigenschaft definiert die maximale Höhe eines Elements.
Wenn der Inhalt größer als die maximale Höhe ist, läuft er über. Wie der Container mit dem überlaufenden Inhalt umgeht, wird durch die Overflow- Eigenschaft definiert.
Wenn der Inhalt kleiner als die maximale Höhe ist,
max-height
hat die Eigenschaft keine Auswirkung.
Hinweis: Dadurch wird verhindert, dass der Wert der
Eigenschaft height größer als wird
max-height
. Der Wert der
max-height
Eigenschaft überschreibt die Eigenschaft height.
Standardwert: | keiner |
---|---|
Vererbt: | Nein |
Animierbar: | Ja, siehe einzelne Eigenschaften . Lesen Sie mehr über animierbare |
Ausführung: | CSS2 |
JavaScript-Syntax: | Objekt .style.maxHeight="100px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS-Syntax
max-height: none|length|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwandte Seiten
CSS-Tutorial: CSS-Höhe und -Breite
CSS-Referenz: Eigenschaft min-height
HTML-DOM-Referenz: maxHeight-Eigenschaft