css无继承性的属性有哪些?

摘要:继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。CSS继承是指设置上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此属性。但并不是所有的属性都可以继承

继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。CSS继承是指设置上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此属性。

但并不是所有的属性都可以继承,只有以color/font-/text-/line开头的属性才可以继承。


那么css无继承性的属性有哪些?

1、文本属性:

  • vertical-align:垂直文本对齐

  • text-decoration:规定添加到文本的装饰

  • text-shadow:文本阴影效果

  • white-space:空白符的处理

  • unicode-bidi:设置文本的方向

2、display:规定元素应该生成的框的类型

3、背景属性:

background、background-color、background-image、background-repeat、background-position、background-attachment

4、定位属性:

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

5、生成内容属性:content、counter-reset、counter-increment

6、轮廓样式属性:outline-style、outline-width、outline-color、outline

7、页面样式属性:size、page-break-before、page-break-after

8、声音样式属性:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

9、盒子模型的属性:

width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_7540