box-sizing property
Sets or retrieves the box model to use for object sizing.
  |
Syntax
box-sizing: content-box | border-box
Property values
content-box-
Default. The specified width and height apply to the width and height respectively of the content box of the element. The padding and border of the element are drawn outside this area.
border-box-
The specified width and height determine the border box of the element. Any padding or border specified on the element is drawn inside the remaining area. The content box is computed by subtracting the padding or border widths of the respective sides from the specified width and height.
This is the default behavior of width and height in IE5 mode for replaced elements and input elements, such as buttons.
CSS information
| Applies To | All elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value |
Standards information
- CSS3 Basic User Interface Module, Section 7.1
Remarks
This property requires Windows Internet Explorer to be in IE8 Standards mode rendering.
See also
Send comments about this topic to Microsoft
Build date: 11/29/2012
