哪些 CSS 属性是继承的?

问题描述 投票:0回答:4

我注意到 CSS 中有些属性是继承的,有些则不是。例如,text-size 属性是继承的,但 padding 和 margin 不会被子块继承。那么如何判断哪些属性是继承的,哪些属性不是?

css inheritance
4个回答
111
投票

这是所有可继承属性的列表。 我正在使用 W3C 的信息(针对 CSS 2.1 进行了更新),所以我猜它应该是正确的。但了解网络浏览器(特别是 IE),其中一些可能并非所有浏览器都可以继承:

  1. azimuth
  2. border-collapse
  3. border-spacing
  4. caption-side
  5. color
  6. cursor
  7. direction
  8. elevation
  9. empty-cells
  10. font-family
  11. font-size
  12. font-style
  13. font-variant
  14. font-weight
  15. font
  16. letter-spacing
  17. line-height
  18. list-style-image
  19. list-style-position
  20. list-style-type
  21. list-style
  22. orphans
  23. pitch-range
  24. pitch
  25. quotes
  26. richness
  27. speak-header
  28. speak-numeral
  29. speak-punctuation
  30. speak
  31. speech-rate
  32. stress
  33. text-align
  34. text-indent
  35. text-transform
  36. visibility
  37. voice-family
  38. volume
  39. white-space
  40. widows
  41. word-spacing

25
投票

Blender 和 Shaz 的列表都枚举了所有继承的 CSS 2.1 属性,包括用于听觉媒体的属性,例如

azimuth
。下面是没有面向听觉的属性的列表,现在包括 CSS3 属性。

  1. border-collapse
  2. border-spacing
  3. caption-side
  4. color
  5. cursor
  6. direction
  7. empty-cells
  8. font-family
  9. font-size
  10. font-style
  11. font-variant
  12. font-weight
  13. font-size-adjust
  14. font-stretch
  15. font
  16. letter-spacing
  17. line-height
  18. list-style-image
  19. list-style-position
  20. list-style-type
  21. list-style
  22. orphans
  23. quotes
  24. tab-size
  25. text-align
  26. text-align-last
  27. text-decoration-color
  28. text-indent
  29. text-justify
  30. text-shadow
  31. text-transform
  32. visibility
  33. white-space
  34. widows
  35. word-break
  36. word-spacing
  37. word-wrap

16
投票
  • 方位角
  • 边界崩溃
  • 边框间距
  • 标题侧
  • 颜色
  • 光标
  • 方向
  • 海拔
  • 空单元格
  • 字体系列字体大小
  • 字体样式
  • 字体变体
  • 字体粗细
  • 字体
  • 字母间距
  • 行高
  • 列表样式图像
  • 列表样式位置
  • 列表样式类型
  • 列表式
  • 孤儿
  • 音高范围
  • 推介引号
  • 丰富
  • 说话标题
  • 说出数字
  • 说出标点符号
  • 说话
  • 语速
  • 压力
  • 文本对齐
  • 文本缩进
  • 文本转换
  • 能见度
  • 声音家族
  • 音量
  • 空白
  • 寡妇
  • 字间距

来源


1
投票

我发现回答这个问题和类似问题的最佳参考页面(说哪些 CSS 属性不是继承的)是:

https://www.w3.org/TR/CSS21/propidx.html

它有一栏表示“继承”(或不继承)。

该页面显示“本规范的几个部分已更新”。但我在任何地方都找不到更新的版本,在一个简洁的表格中列出了所有 CSS 属性。但我认为这张桌子很棒,正是我想要的。还回答了每个 CSS 属性的可能值是什么以及初始(= 默认)值的问题。

如果您想查看分组在一起的所有继承或非继承属性,您可以从网页复制文本并将其插入到 Excel 等中,然后根据“继承?”列对其进行排序。我试过了,有效。

© www.soinside.com 2019 - 2024. All rights reserved.