CSS height Eigenschaft

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;
  }

Versuchen Sie es selbst

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