CSS中可继承和不可继承属性总结

Posted uakora

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS中可继承和不可继承属性总结相关的知识,希望对你有一定的参考价值。

可继承属性

  • 所有元素: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
  • 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout
  • 文本属性:text-transform、direction
  • 其它属性:letter-spacing、word-spacing

不可继承属性

  • 盒子模型所有属性:margin、padding、border、width、height
  • 轮廓及背景属性:outline、background
  • 定位、显示、浮动属性:display、position、top、left、right、bottom、max-*(如max-height等)、min-*、overflow、clear、float、content、z-index、vertical-align
  • 文本属性:white-space
  • 其它:display

块级元素可以继承,内联元素不能继承属性

text-indent、text-align、text-decoration、text-shadow

备注:(待完善...

以上是关于CSS中可继承和不可继承属性总结的主要内容,如果未能解决你的问题,请参考以下文章

[css] 请举例说明css有哪些不可继承的属性?

20190608笔试题のCSS-属性继承

继承知识总结

CSS面试题总结 - 基础知识总结 - 复习专用 - 前端面试必备 - 吐血整理

css 中宽高为啥没有继承?

继承了哪些 CSS 属性?