Opis:

CSS box-sizing Określa które części elementu powinny być brane pod uwagę przy określaniu miejsca zajmowanego przez element.

CSS box-sizing - Przykład:

box-sizing: border-box;

Składnia:

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

CSS box-sizing - Spis wartości:

Nazwa Objaśnienie
content-boxWartość domyślna. Właściwości width i height zawierają jedynie zawartość. Padding, border i margin nie są zawarte, więc ich dodanie spowoduje zwiększenie całkowitego rozmiaru elementu.
border-boxWłaściwości width i height zawierają zawartość padding i border, więc ich dodanie nie będzie implikowało zwiększeniem całkowitego rozmiaru elementu.
initialUstawia domyŚlną wartość.
inheritDziedziczy wartość po rodzicu.

Zobacz również:

outline-style | box-sizing | outline-offset | outline-color | cursor |