CSS3 box-sizing border-box 学习笔记
来源:互联网 发布:淘宝海报设计技巧 编辑:程序博客网 时间:2024/05/17 20:35
文章参考
http://www.w3chtml.com/css3/properties/user-interface/box-sizing.html
语法:
box-sizing:content-box | border-box
默认值:content-box
适用于:所有接受width和height的元素
继承性:无
取值:
示例:
content-box:
.test1{ box-sizing:content-box; width:200px; padding:10px; border:15px solid #eee; }
border-box:
.test2{ box-sizing:border-box; width:200px; padding:10px; border:15px solid #eee; }
说明:
设置或检索对象的盒模型组成模式。
- 对应的脚本特性为boxSizing。
兼容性:
FirefoxSafariChromeOpera版本6-74-185.1.797-12.5版本8版本9
支持版本\类型