height

Die Eigenschaft height gibt die Höhe eines Elements an.

height: [ <length> | <percentage> | auto | inherit ]

Längenangabe: Absolute Angabe der Höhe
Prozentangabe: Die Höhe wird relativ zum nächsten übergeordneten Element, das mit position:[relative | absolute | fixed] positioniert ist, berechnet, und bei einer Änderung der Größe dieses Elements angepasst.
auto: Der Browser berechnet die Höhe automatisch
inherit: der Browser verwendet den Wert des Elternelements.

Ergebnis	Quelltext
Längenangabe Dieses Element hat eine feste Höhe von 100px	<div style="position:relative"> <div style="height:100px;background:green"> Text </div> </div>
Prozentangabe Dieses Element hat eine Höhe von 50% und wird, wenn die Größe des Eltern-Elements verändert wird (z.B. durch Javascript), mit verändert.	<div style="position:relative;height:100px;border:1px dotted black"> <div style="height:50%;background:green"> Text </div> </div>
auto Dieses Element ist immer 30px von oben und 30px von unten vom Textbereich des Elternelements entfernt. Die Höhe wird automatisch bestimmt und, wenn die des Eltern-Elements verändert wird, angepasst.	<div style="position:relative;height:200px;border:1px dotted black"> <div style="position:absolute;top:30px;bottom:30px;height:auto;background:green"> Text </div> </div>

Browser	Internet Explorer				Netscape				Opera						Firefox			Konqueror
Version	4	5	6	7	4	5	6	7	3	4	5	6	7	8	1	2	3	3.5.x
wird unterstützt	Teilw *	Teilw *	Ja	Ja	Ja	Ja	Ja	Ja	?	Ja	Ja	Ja	Ja	Ja	Ja	Ja	Ja	Ja

Tags:

Content is available under these licenses