box-sizing

The box-sizing property specifies how the total width and height of an element is calculated.

Formal Syntax

content-box | border-box

Initial value

content-box

Applies to

all elements that accept width or height

Inherited

no

Percentages

N/A

Computed value

specified keyword

Animation type

discrete

See specification

JavaScript Access

// Access via element.style
element.style.boxSizing = 'content-box';