CSS min-height Eigenschaft

Definition und Verwendung

min-height Eigenschaft, die die minimale Höhe des Elements einstellt.

Erklärung

Dieser Eigenschaftswert legt eine Mindesthöhe für die Höhe des Elements fest. Daher kann das Element höher sein als angegeben, aber nicht niedriger. Negative Werte sind nicht erlaubt.

Weitere Informationen:

CSS-Tutorial:CSS-Größe

CSS-Tutorial:max-height-Eigenschaft

HTML DOM Referenzhandbuch:minHeight-Eigenschaft

Beispiel

Setzen Sie die minimale Höhe des Absatzes:

p
  {
  min-height:100px;
  }

Selbst ausprobieren

CSS-Syntax

min-height: length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
length Definiert die minimale Höhe des Elements. Der Standardwert ist 0.
% Definiert die prozentuale minimale Höhe basierend auf dem umschließenden blockartigen Objekt.
inherit Es wird festgelegt, dass der Wert der Eigenschaft min-height von der übergeordneten Elemente geerbt werden soll.

Technische Details

Standardwert: 0
Vererbbarkeit: nein
Version: CSS2
JavaScript-Syntax: object.style.minHeight="50px"

TIY-Beispiel

Minimale Höhe mit Pixelwerten einstellen
Dieses Beispiel zeigt, wie man die minimale Höhe eines Elements mit Pixelwerten 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 3.0 2.0.2 4.0