CSS width – Breite von Elementen bestimmen

Mit der CSS Eigenschaft width kann die Breite eines Elements festgelegt werden. In Verbindung mit der Eigenschaft overflow kann bestimmt werden, wie sich das Element verhalten soll, wenn übergroßer Inhalt enthalten ist.

Beschreibung und Syntax zu CSS width

width: auto;
width: 10px;
width: 50%;

Erläuterung der Eigenschaften

width auto
Der Browser legt fest, wie breit das Element sein muss. Dies wird an dessen Inhalt und ggf. an dessen Padding errechnet. Blockelemente sind 100% breit (auto).

width mit Längenangaben
Es ist möglich, eine feste Breite festzulegen. Dabei sind em, px, ex, mm, cm, in, pt, pc Angaben möglich. Kommazahlen werden durch eine Punkt-Trennung notiert. Beispiel: 2.5 cm

width mit Prozentangaben
Die Prozentangabe richtet sich immer nach dem Elternelement. Hat dies kein direktes Elternelement (body) wird die Browserbreite als 100% definiert.

Informationen und Werte

Vererbbar: Nein
Initialwert: auto (automatische Festlegung)
Werte: Längenangaben, Prozentangaben, auto, inherit (vererbt vom Elternelement)