Gets or sets the box model to use for object sizing.

Syntax

CSS	{ box-sizing : sModel }
Scripting	[ sModel = ] object.style.boxSizing [ = sModel ]

Possible Values

sModel

String that specifies or receives one of the following 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 (Quirks) mode for replaced elements and input elements, such as buttons.

The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of content-box. The Cascading Style Sheets (CSS) attribute is not inherited.

Remarks

This property requires Windows Internet Explorer to be in IE8 Standards mode rendering.

Standards Information

This property is defined in Cascading Style Sheets (CSS), Level 3 (CSS3).

Applies To

A, ABBR, ADDRESS, ARTICLE, ASIDE, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CSSStyleDeclaration, currentStyle, DD, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FIGCAPTION, FIGURE, FORM, FOOTER, HEADER, HGROUP, hn, HTML, I, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, KBD, LABEL, LEGEND, LI, LISTING, MARK, MARQUEE, MENU, NAV, NOBR, OL, P, PRE, runtimeStyle, S, SAMP, SECTION, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP, CSSCurrentStyleDeclaration Constructor, CSSRuleStyleDeclaration Constructor, CSSStyleDeclaration Constructor