Style maxHeight-Eigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die maxHeight-Eigenschaft legt die maximale Höhe eines Elements fest oder gibt sie zurück.

Die maxHeight-Eigenschaft wirkt sich nur auf Block-Level-Elemente oder Elemente mit absoluter/fester Positionierung aus.

Hinweis:Die Höhe eines Elements kann niemals größer sein als der durch die Eigenschaft maxHeight angegebene Wert.

Syntax

Setzen Sie die Eigenschaft maxHeight:

Object.style.maxHeight="none|length|%|inherit"

Gibt die Eigenschaft maxHeight zurück:

Object.style.maxHeight

Wert Beschreibung
none Standard. Die Höhe des Elements ist nicht begrenzt.
length Definiert die maximale Höhe mithilfe von Einheiten wie px, cm usw.
% Definiert die maximale Höhe als Prozentsatz des übergeordneten Elements.
inherit Der Wert der Eigenschaft maxHeight wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die Eigenschaft maxHeight.

Hinweis:IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 unterstützt "inherit" nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt "inherit".

Beispiel

Beispiel

Legen Sie die maximale Höhe eines Elements fest:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
<script>
function displayResult(){
    document.getElementById("p1").style.maxHeight="15px";
}
</script>
</head>
<body>

<p style="background:red;" id="p1">Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.</p>
<input type="button" onclick="displayResult()" value="Legen Sie die maximale Höhe des Elements fest">

</body>
</html>

Selbst ausprobieren »

Style 对象参考手册Style-Objekt Andere Erweiterungen