如果转载本文,请注明出处!
StyleBoxData对象记录box模型的三维参数。
- 宽度值,高度值,z序
- 二维属性的类型。具体有两个可取值:border-box表示宽高描述的是border边界;content-box表示宽高描述的是content边界。
- z序的类型。有两个可取值:如果定义了z-index,那么是显示定义的;否则,是内核自动设定的。
- 最小宽值/最小高值
- 最大宽值/最大高值
- 垂直方向对齐的方式
真实使用StyleBoxData对象时,应用了"写时复制"的思想。因此,StyleBoxData还提供了额外的方法。
- create方法,返回值是PassRefPtr<StyleBoxData>类型。
- copy方法,创建一个自身的深度拷贝对象。
- 重载比较运算符,包括"=="和"!="。
二维属性的类型是css3引入的新属性,目前各个内核对属性的命名有区别。常见的有:
-
moz
-
box
-
sizing,-webkit-box-sizing,box-sizing。可选值有两个,分别为:border-box和content-box。