Mit der Angabe "width" kann man die Breite 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; width: 200px;">
diese Box ist 200px breit
<div style="border: solid 1px #c87137; width: 30%;">
die innere Box hat eine Breite von 30% der äußeren Box,<br />
sollte also dann 60px breit 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-7 | 4 | 6+ | 1+ | 0.8+ | 1+ | 3.5+ | 2 | |
J | J | F | J | J | J | J | J | J |