Opis

box-sizing określa, jak szerokość i wysokość elementu są obliczane: czy prócz zawartości (content) obejmują one dopełnienie (padding) i obramowanie (border), czy nie (co jest domyślnie).

Przykład
content
Kod:
Wartości

box-sizing: content-box|border-box|initial|inherit;

WartośćOpis
content-box Domyślnie. Ustawienia odnośnie szerokości i wysokości (oraz min/max) obejmują tylko treść (content). Obramowanie (border) i wypełnienie (padding) nie są wliczone.
border-box Ustawienia szerokości i wysokości (oraz min/max) obejmują zawartość, wypełnienie i obramowanie.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     |  
Info: Domyślna wartość: content-box
Dziedziczenie:
Animowalność:
JS: object.style.boxSizing