Style boxSizing 属性
描述
boxSizing 属性允许您定义某些元素以特定方式适应区域。
例如，如果您想让两个带边框的盒子并排放置，可以通过将 boxSizing 设置为 "border-box" 来实现。这将强制浏览器以指定的宽度和高度渲染盒子，并将边框和内边距放在盒子内部。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| boxSizing | 是 | 是 | 是 | 是 | 是 |
语法
返回 boxSizing 属性
object.style.boxSizing
设置 boxSizing 属性
object.style.boxSizing = "content-box|border-box|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| content-box | 默认值。这是 CSS2.1 指定的宽度和高度的行为。指定的宽度和高度（以及 min/max 属性）分别应用于元素内容框的宽度和高度。元素的内边距和边框在指定的宽度和高度之外布局和绘制 |
| border-box | 此元素上指定的宽度和高度（以及 min/max 属性）决定元素的边框框。也就是说，元素上指定的任何内边距或边框都将在指定的宽度和高度内布局和绘制。内容宽度和高度是通过从指定的“宽度”和“高度”属性中减去相应边界的边框和内边距宽度来计算的 |
| initial | 将此属性设置为其默认值。了解 initial |
| inherit | 从其父元素继承此属性。了解 inherit |
技术细节
| 默认值 | content-box |
|---|---|
| 返回值 | 一个字符串，表示元素的 box-sizing 属性 |
| CSS 版本 | CSS3 |
相关页面
CSS 参考：box-sizing 属性
