CSS Click Chart

Box Sizing

Used to alter the default CSS box model for calculating width and height of the elements, which includes border and padding in its total, usually an undesirable result.


Box Sizing on W3C

Example Code

Live Demonstration

Extra padding does not make this box wider or taller. It will be only as large as its width and/or height properties define.

Browser Support

Can I Use css3-boxsizing? Data on support for the box-sizing feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles