tas2580
Blog über Webentwicklung

CSS - box-sizing

Die box-sizing Eigenschaft wird verwendet, um den Browser zu sagen, was die Dimensionierungs Eigenschaften (width und height) enthalten sollen.

Beispiel

div {
    box-sizing: border-box;
}

Definition und Verwendung

Soll der Ramen des Elements mit umfasst werden? Oder nur der Inhalt des Elements.

Standard Wert:
content-box
CSS Version:
CSS3
Vererbt sich:
Nein
Animierbar:
Nein
-webkit-:
-webkit-box-sizing
-moz-:
-moz-box-sizing

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
border-box Die width und height Eigenschaften enthalten den Inhalt, padding und border, aber nicht die margin.
content-box Standard. Die width und height Eigenschaften enthalten nur den Inhalt. border, padding oder margin sind nicht enthalten.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.