CSS3 box-sizing 属性

实例

的框：

div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
float:left;
}

Internet Explorer、Opera 以及 Chrome 支持 box-sizing 属性。

Firefox -moz-box-sizing 属性。

Safari -webkit-box-sizing 属性。

box-sizing

可通过将 box-sizing 设置为 "border-box"

默认值：	content-box
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.boxSizing="border-box"

box-sizing: content-box|border-box|inherit;

值

描述

content-box

这是由 CSS2.1

框。

border-box

。

inherit

元素继承 box-sizing