width

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

Die Eigenschaft width beschreibt die Breite 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 in der Zeile eingeblendete Elemente.) In der Breite sind Innenrand, Rahmen und Außenrand nicht enthalten.

Ist die Breite des Inhalt in einem Blockelement größer als der ihm zugewiesene Wert für width, ist das Ergebnis abhängig von der CSS-Eigenschaft overflow.

Vererbt: nein

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

Werte

Eine absolute CSS-Maßangabe, ein Prozentwert der Breite des übergeordneten Elements oder die Konstante auto.

Standardwert: auto

Kompatibilität

CSS-Version: 1

Funktioniert mit Mängeln in allen CSS-fähigen Browsern. Funktioniert vollständig in aktuellen, CSS2-fähigen Browsern (Netscape 6, Opera 7, Mozilla, Internet Explorer 5 für Macintosh).

Der Internet Explorer für Windows (bis Version 6.0) berechnet die Breite fälschlicherweise einschließlich Innenrand, Rahmen und Außenrand. Nur im »Standards-Compliant Mode« in Version 6.0 tritt der Fehler nicht auf. Für alle anderen Versionen muss ein separates Stylesheet erstellt werden oder eine durch Ränder und Rahmen verkleinerte Box in Kauf genommen werden.

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

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

Beispiel

Folgende Stilregel erzeugt für Absätze der ID textbaustein eine feste Breite von 100 Pixel: