Mit der Angabe "height" kann man die Höhe eines Elementes beeinflussen. Dabei ist zu beachten, das dies nicht bei Inline-Elementen funktioniert. Bei prozentualen Angaben beziehen sich diese immer auf die Größe des Elternelementes.
<div style="border: solid 1px #c87137; height: 200px;">
diese Box ist 200px hoch
<div style="border: solid 1px #c87137; height: 30%;">
die innere Box hat eine Höhe von 30% der äußeren,<br />
sollte also dann 60px hoch sein ;)
</div>
</div>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
CSS Version | CSS 1 |
Startwert | auto |
Vererbar | Nein |
Anwendbar auf | alle Elemente außer Inline-Elemente |
Medium | visual |
mögliche Werte |
|
Anmerkungen |
5+ | 5+ | 4 | 6+ | 1+ | 0.8+ | 1+ | 3.5+ | 2 | |
J | J | F | J | J | J | J | J | J |