Właściwość CSS box-sizing

Definicja stylu, przeznaczenie i użycie box-sizing

Właściwość box-sizing określa, w jaki sposób obliczana jest szerokość i wysokość elementu oraz czy powinny one zawierać właściwości CSS padding i border, czy też nie.

Wartości właściwości box-sizing

Składnia CSS box-sizing

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

Wsparcie przeglądarek dla właściwości box-sizing

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit- i -moz- określają pierwszą wersję, która działała z prefiksem.

Właściwość
box-sizing	10.0 4.0 -webkit	8.0	29.0 2.0 -moz-	5.1 3.2 -webkit-	9.5

Przykładowe zastosowania właściwości box-sizing

box-sizing: border-box;

box-sizing: content-box;