CSS height Eigenschaft
- Vorherige Seite hängende-Punktung
- Nächste Seite hyphens
Definition und Verwendung
Die height-Eigenschaft stellt die Höhe des Elements ein.
Erklärung
Diese Eigenschaft definiert die Höhe des Inhaltsbereichs des Elements, außen können Innenabstand, Rahmen und Außenabstand hinzugefügt werden.
Inline nicht austauschbare Elemente ignorieren diesen Wert.
Siehe auch:
CSS Tutorial:CSS Größen
CSS Tutorial:Übersicht über das CSS-Framework
CSS Referenzhandbuch:width-Eigenschaft
HTML DOM Referenzhandbuch:height-Eigenschaft
Beispiel
Stellen Sie die Höhe und Breite des Absatzes ein:
p { height:100px; width:100px; }
CSS-Syntax
height: auto|Länge|initial|inherit;
Eigenschaftswert
Wert | Beschreibung |
---|---|
auto | Standard. Der Browser berechnet die tatsächliche Höhe. |
Länge | Die Höhe wird mit Einheiten wie px, cm definiert. |
% | Basierend auf der prozentualen Höhe des umschließenden blockartigen Elements. |
inherit | Die height-Eigenschaft sollte vom übergeordneten Element geerbt werden. |
Technische Details
Standardwert: | auto |
---|---|
Vererbbarkeit: | nein |
Version: | CSS1 |
JavaScript-Syntax: | object.style.height="50px" |
TIY-Beispiel
- Höhe der Bilder mit Pixelwerten einstellen
- Dieses Beispiel zeigt, wie man die Höhe eines Elements mit einem Pixelwert einstellt.
- Höhe der Bilder mit Prozentwerten einstellen
- Dieses Beispiel zeigt, wie man die Höhe eines Elements mit einem Prozentsatzwert einstellt.
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- Vorherige Seite hängende-Punktung
- Nächste Seite hyphens