English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die height CSS-Eigenschaft legt die Höhe des Inhaltsbereichs eines Elements fest. Der Inhaltsbereich umfasst keine Füllung, Rahmen oder Margen. Mehr dazu finden SieCSS Box-Modell。
Die folgende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.
| Standardwert: | auto |
|---|---|
| Anwendbar auf: | außer nicht ersetzbaren eingebetteten Elementen Alle Elemente außer Tabellenzeilen und Tabellenzellen |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte lesen Sie Animationsattribute。 |
| Version: | CSS 1，2，3 |
| JavaScript-Syntax: | object.style.height="100px" |
Die Syntax dieser Eigenschaft ist wie folgt:
height: length | percentage | auto | initial | inherit
Die folgenden Beispiele zeigen, wie die height-Eigenschaft verwendet wird.
p {
height: 50px;
background-color: #f0e68c;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Geben Sie die Höhe in Einheiten wie px, pt, cm, em an. Negative Höhenwerte sind nicht erlaubt. |
| percentage | Geben Sie die Höhe in Prozent an. Der Prozentsatz wird相对于element container height berechnet. Negative Prozentsatzwerte sind nicht erlaubt. |
| auto | Der Browser berechnet die Höhe des angegebenen Elements auf Basis der Werte anderer Eigenschaften. Dies ist der Standardwert. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der Wert der Eigenschaft height des übergeordneten Elements verwendet. |
Kompatibilität der height-Eigenschaft der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte lesen Sie die Anleitungen zu folgendem Inhalt:CSS Box-Modell，CSS Größen。
Verwandte Eigenschaften:max-height，min-height。