English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS max-Verwendung und Beispiel der height-Eigenschaft

max-Die height CSS-Eigenschaft bestimmt die maximale Höhe des Inhaltsbereichs eines Elements. Diese maximale Höhe beinhaltet keine Füllung, Rahmen oder Margen-Weitere Informationen finden Sie unterCSS Box-Modell

Die folgende Tabelle enthält die Verwendung und Versionsgeschichte dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:none
Anwendbar auf:Alle Elemente außer eingebetteten Elementen, Tabellenzeilen und Tabellenzellen
Vererbung:Nein
Animierbar:Ja.Bitte beziehen Sie sich auf Animationseigenschaften
Version:CSS 2、3
JavaScript Syntax:object.style.maxHeight="200px"

max-Syntax der Verwendung von height

Die Syntax dieses Attributes ist wie folgt:

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

Die folgenden Beispiele zeigen, wie man max-height-Eigenschaft.

  p {
   max-height: 100px;
  }
  div {
   height: 200px;
   max-height: 100px;
  }
Testen Sie heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
lengthGeben Sie die maximale Höhe in Einheiten wie px, pt, cm, em an. Negative Werte sind nicht erlaubt.
percentageMaximale Höhe in Prozent angeben. Der Prozentsatz bezieht sich auf die Höhe des umschließenden Blocks des Elements. Negative Prozentsätze sind nicht erlaubt.
noneDie Höhe hat keine Maximale Werte. Dies ist der Standardwert.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element seine Elternelement max-Wert der height-Eigenschaft.

Browserkompatibilität

max-Kompatibilität der height-Eigenschaft der Browser, die in der folgenden Tabelle angegebenen Zahlen stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Tutorials zu den folgenden Themen:CSS Box-ModellCSS Abmessungen

Verwandte Eigenschaften:heightmin-height