Für Breite, genauer gesagt für die Inhaltsbreite eines Elements wird für die Maßangabe with verwendet. Beispielsweise lässt auto als Maßangabe für width ein Blockelement über die gesamte mögliche Breite erstrecken.
Verwenden Sie als Wert eine Prozentangabe, so bezieht sich diese Angabe auf die Breite des Elternelements. Ab der Browsergeneration 6 wird auch eine Mindestbreite und einen Maximumbreite unterstützt. Beispielsweise Sie geben einer Box eine Breite mit einem Prozentwert an, diese richtet sich ja an das Elternelement, dieses wiederum richtet sich nach der Fenstergröße des Browser. Mit den angaben min-width und max-width wird dafür gesorgt, dass das Element nicht kleiner und nicht größer als die angegebenen Werte werden. Dies Funktioniert auch ohne Angabe eines Prozentwertes.
Die Breite mit width lässt sich für Block-Elemente und ersetzende Inline-Elemente anwenden. Ersetzenden Inline-Elementen wie img, input, textaera können Sie eine Breite geben. Für nichtersetzende Inline-Elemente wie span, em können Sie keine Breite vergeben, bzw. Sie ist unwirksam. Tabellenzeilen können Sie auch keine Breite geben.
Die Breite beschreibt lediglich den Inhalt (content).
Mögliche Werte sind: auto (automatische Festlegung), eine Längenangabe, eine Prozentangabe und inherit (vom Elternelement vererbt).