width

Die Eigenschaft width gibt die Breite eines Elements an.

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

Längenangabe: Absolute Angabe der Breite
Prozentangabe: Die Breite 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 Breite automatisch
inherit: der Browser verwendet den Wert des Elternelements.

Ergebnis	Quelltext
Längenangabe Dieses Element hat eine feste Breite von 200px	<div style="position:relative"> <div style="width:200px;background:green"> Text </div> </div>
Prozentangabe Dieses Element hat eine Breite von 50% und wird, wenn die Größe des Eltern-Elements verändert wird, mit verändert	<div style="position:relative"> <div style="width:50%;background:green"> Text </div> </div>
auto Dieses Element ist immer 30px von rechts und 30px von links vom Elternelement entfernt. Die Breite wird automatisch bestimmt und, wenn die des Eltern-Elements verändert wird, angepasst.	<div style="position:relative"> <div style="position:absolute;left:30px;right:30px;width: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