StyleBoxData源码分析

如果转载本文,请注明出处!

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。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值