美文网首页Web前端之路技术干货
CSS中属性可以继承及不可继承详解

CSS中属性可以继承及不可继承详解

作者: 提小莫 | 来源:发表于2017-10-12 20:32 被阅读29次

    一、不能继承的属性

    ① 盒子模型所有属性:margin、padding、border、width、height。

    ② 轮廓及背景属性:outline、background。

    ③ 定位、显示、浮动属性:display、position、top、left、right、bottom、max-*(如max-height等)、overflow、clear、float、content、z-index。

    ④ 其他:vertical-align、text-decoration、text-shadow、white-space。

    注意:内联元素不能继承:text-indent和text-align,但是块级元素可以。

    二、元素可继承属性

    ① 所有元素可继承:visibility、cursor。

    ② 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

    ③ 字体属性:line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、font-size-adjust。

    ④ 文本属性:text-transform、direction,除了(text-decoration、text-shadow内联元素不能继承块级可继承。

    ⑤ 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout。

    ⑥ 其它属性:letter-spacing、word-spacing。

    如果还有您知道的,希望可以留言补充。


    如果喜欢,不要吝啬你的爱心“❤”哦!

    相关文章

      网友评论

        本文标题:CSS中属性可以继承及不可继承详解

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