754 Contributors: 13 Tuesday, November 8, 2016
Licensed under: CC-BY-SA
Not affiliated with Stack Overflow
Rip Tutorial:
Roadmap: roadmap

The Box Model


  • box-sizing: parameter;


content-boxWidth and height of the element only includes content area.
padding-boxWidth and height of the element includes content and padding.
border-boxWidth and height of the element includes content, padding and border.
initialSets the box model to its default state.
inheritInherits the box model of the parent element.


About padding-box

This value was only implemented by Firefox and thus should not be used. It was removed in Firefox version 50.0.

Related Examples