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. |