CSS/Eigenschaften/box-sizing

Die Eigenschaft box-sizing bestimmt, worauf sich Angaben zu den Abmessungen eines Elementes beziehen.

Erlaubte Werte

• content-box, Angabe gilt nur für den Inhalt
• border-box, Angabe gilt für Inhalt, Innenabstand und Rahmen

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

content-box

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

div {
   box-sizing: border-box;
}

Angabe gilt für Inhalt, Innenabstand und Rahmen, Standard für IE im Quirksmodus

Beachten Sie: Die Abmessungen der content-box dürfen nicht negativ werden. Wenn Sie box-sizing: border-box verwenden und zu kleine Abmessungen angeben, setzt der Browser automatisch einen Minimalwert ein, so dass die content-box gültig bleibt.

Siehe auch

• CSS/Tutorials/Boxmodell
  • alternatives Box-Modell mit box-sizing
• Box-Model-Bug und Quirks Mode

Weblinks

• Spezifikation (W3C): css-ui-3
• MDN: box-sizing