height

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Die Eigenschaft height beschreibt die Höhe eines Blockelements oder eines aus einer externen Quelle eingesetzten Elements. (Anmerkung: Ein eingesetztes Element ist ein Element, dessen Aussehen in einer externen Quelle bestimmt wird, zum Beispiel Bilder (über img-Elemente), Plugins (über object-Elemente) und Texteingabefelder (über input- und select-Elemente). Eine andere Art eingesetzter Elemente sind mit CSS-Pseudo-Elementen inzeilig eingeblendete Elemente.) In der Höhe sind Innenrand, Rahmen und Außenrand nicht enthalten.

Ist die Höhe des Inhalt in einem Block-Element größer als der ihm zugewiesene Wert für height, ist das Ergebnis abhängig von der CSS-Eigenschaft overflow.

Vererbt: Nein.

Siehe auch: max-height, min-height, overflow, width

Werte

Eine absolute CSS-Maßangabe, ein nach der Höhe des übergeordneten Elements errechneter Prozentwert oder die Konstante auto.

Standardwert: auto

Kompatibilität

CSS-Version: 1

Funktioniert in den meisten aktuellen Browsern (Netscape 6, Opera 7, Mozilla, Internet Explorer 5 für Macintosh), in älteren Browsern nur mit Einschränkungen.

Der Internet Explorer für Windows (bis Version 6.0) bezieht fälschlicherweise Innenrand, Rahmen und Außenrand in die Berechnung der Höhe mit ein. Version 6.0 vermeidet diesen Fehler im »Standards-Compliant Mode«. Für alle älteren Versionen muss daher ein separates Stylesheet erstellt werden oder gegebenenfalls die Darstellung einer verringerten Höhe in Kauf genommen werden.

Der Internet Explorer 4 unterstützt diese Eigenschaft nur für einige Block-Elemente (zum Beispiel div).

Netscape 4 unterstützt diese Eigenschaft nur für Bilder und mit absolute positionierte Elemente.

Beispiel

Folgende Stilregel definiert für alle Absätze mit der ID textbaustein eine feste Höhe von 100 Pixel:

#textbaustein p {
 height: 100px;
}

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg