CSS Box-Sizing Property

CSS 1

CSS 2

CSS 3

No No Yes

Description

This property is used to alter the default CSS box model used to calculate widths and heights of elements.  

Syntax

box-sizing: [value];

Possible values

  • content-box
  • padding-box
  • border-box
  • margin-box

Initial Value

content-box

Applies To

Box and block elements

Inherited

No

Media

Visual

Example

.class {
  box-sizing: padding-box;
}


View All CSS Properties