learning$css

box-sizing

PrevNext
Term side of the Card
Topic: Sizes & Margins
Unit title: box-sizing
Categories: Property
Explanation side of the Card

Explanation: The property that defines how the width and height of an element are calculated. When set to 'border-box', it includes padding and border within the element's specified width and height, making it easier to manage layout dimensions.

Browser compatibility:
  • The chrome browser supports this feature starting from version 10
  • The edge browser supports this feature starting from version 12
  • The firefox browser supports this feature starting from version 29
  • The safari browser supports this feature starting from version 5.1
Availability: