The "box-sizing" CSS Property

ExperimentalNew in CSS3

This property specifies how to apply the width and height of the content box to the element. The value "content-box" (the initial value) is the behavior specified by CSS 2.1, while "border-box" is the common implementation of legacy browsers for replaced elements and input elements.

Values for "box-sizing"

CSS Level	Value
CSS 2.1	(invalid)
CSS3	"content-box", "padding-box", or "border-box"

Recommended Links

• CanIUse.com: Search "box-sizing" (browser compatibility information)
• CanIEmail.com: Search "box-sizing" (email client compatibility information)
• CSS3: box-sizing property
• MDN: box-sizing property

Search Engine Links (for more information)

• Bing "CSS box-sizing property"
• Google "CSS box-sizing property"