美文网首页
css3 box-sizing属性

css3 box-sizing属性

作者: 一纸晴空 | 来源:发表于2019-02-14 14:17 被阅读0次

语法:

box-sizing:content-box | border-box

默认值:content-box

适用于:所有接受width和height的元素

继承性:无

取值:

content-box:

padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即 ( Element width = width + border + padding )

此属性表现为标准模式下的盒模型。

border-box:

padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width )

此属性表现为怪异模式下的盒模型。

相关文章

  • box-sizing属性(CSS3新增属性)

    box-sizing属性(CSS3新增属性)box-sizing:content-box(默认值) | borde...

  • 2017-02-20 CSS 学习笔记am

    盒子 box-sizing 属性 CSS3 中新增了一个 box-sizing 属性,这个属性可以保证我们给盒子新...

  • box-sizing:border-box

    box-sizing属性定义及用法 box-sizing属性是css3中新增的属性,允许你以某种方式定义某些元素,...

  • CSS3 框大小

    CSS3 框大小 CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 pad...

  • css样式属性

    CSS3 框大小 CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 pad...

  • CSS3中的box-sizing属性

    box-sizing属性是css3中新添加的属性,用来替换原来的css盒子模型,box-sizing属性值的不同,...

  • Css - 标准盒模型与IE盒模型

    css3属性box-sizing : content-box || border-box || inherit; ...

  • 盒模型

    盒模型切换,使用css3的box-sizing属性box-sizing: content-box; W3C盒子模型...

  • css盒子模型

    手动设置盒子模型 css3属性 box-sizing box-sizing:content-box是W3C盒子模型...

  • 盒子模型之宽和高

    参考文章: CSS3 Box-sizing属性以及解决兼容性的一些做法 要点总结: box-sizing : co...

网友评论

      本文标题:css3 box-sizing属性

      本文链接:https://www.haomeiwen.com/subject/grdeeqtx.html