CSS max-height Eigenschaft

Definition und Verwendung

Die Eigenschaft max-height setzt die maximale Höhe des Elements.

Erklärung

Dieser Eigenschaftswert setzt eine Höchstgrenze für die Höhe des Elements. Daher kann das Element niedriger als der angegebene Wert sein, aber nicht höher. Negative Werte sind nicht erlaubt.

Anmerkung:Die Eigenschaft max-height umfasst keine Außenabstände, Ränder und Innenabstände.

Siehe auch:

CSS教程:CSS Abmessungen

CSS教程:min-height Eigenschaft

HTML DOM Referenzhandbuch:maxHeight Eigenschaft

Beispiel

Setzen Sie die maximale Höhe eines Absatzes:

p
  {
  max-height:100px;
  }

Versuchen Sie es selbst

CSS Syntax

max-height: none;length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
keine Standard. Definiert, dass keine Höchstgrenze für die maximale Höhe des Elements gesetzt ist.
length Definiert den Wert der maximalen Höhe des Elements.
% Definiert die prozentuale maximale Höhe basierend auf dem umschließenden Block-Objekt.
inherit Die Eigenschaft legt fest, dass der Wert der Eigenschaft max-height von dem übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: keine
Vererbbarkeit: nein
Version: CSS2
JavaScript Syntax: object.style.maxHeight="50px"

TIY Beispiel

Einstellen der maximalen Höhe eines Elements
Dieses Beispiel zeigt, wie man die maximale Höhe eines Elements einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0