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