美文网首页
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 )

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

    相关文章

      网友评论

          本文标题:css3 box-sizing属性

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