box-sizing

The box-sizing CSS property sets whether an element's width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

10

Supported

Mozilla Firefox

29

Supported

Apple Safari

5.1

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

29

Safari iOS

6

Specifications and References

Specification ↗ Can I Use (css3-boxsizing) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.box-sizing ↗ css.properties.box-sizing.border-box ↗ css.properties.box-sizing.content-box ↗