继承了哪些CSS属性?

时间:2011-04-10 14:10:43

标签: css inheritance

我注意到一些属性是在CSS中继承的,有些则不是。例如,继承text-size属性,但子块不继承填充和边距。那么如何确定哪些属性是继承的,哪些属性不是?

5 个答案:

答案 0 :(得分:65)

以下是所有可继承属性的列表。 我正在使用W3C's information,所以我猜它应该是正确的。但是,了解Web浏览器(具体是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

答案 1 :(得分:16)

  • azimuth
  • 边界崩溃
  • border-spacing
  • caption-side
  • 颜色
  • cursor
  • 方向
  • 高程
  • empty-cells
  • font-family font-size
  • font-style
  • font-variant
  • 字体重量
  • font
  • letter-spacing
  • 行高
  • list-style-image
  • 列表样式位置
  • list-style-type
  • list-style
  • 孤儿
  • 音高范围
  • 投球报价
  • 丰富
  • speak-header
  • 说话-标号
  • speak-punctuation
  • 语音速率
  • 压力
  • text-align
  • 文本缩进
  • text-transform
  • 能见度
  • voice-family
  • 空白
  • 寡妇
  • 字间距

Source

答案 2 :(得分:16)

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

答案 3 :(得分:0)

完整列表,包括CSS3:

  1. azimuth
  2. :active
  3. background
  4. border-collapse
  5. border-spacing
  6. border-width
  7. caption-side
  8. color
  9. cursor
  10. direction
  11. elevation
  12. empty-cells
  13. font
  14. @font-face
  15. font-family
  16. font-size
  17. font-size-adjust
  18. font-stretch
  19. font-style
  20. font-variant
  21. font-weight
  22. font
  23. :focus
  24. :first-child
  25. ::first-letter
  26. ::first-line
  27. :hover
  28. :lang
  29. letter-spacing
  30. line-height
  31. list-style-image
  32. list-style-position
  33. list-style-type
  34. list-style
  35. orphans
  36. opacity
  37. page
  38. pitch-range
  39. pitch
  40. quotes
  41. richness
  42. speak-header
  43. speak-numeral
  44. speak-punctuation
  45. speak
  46. speech-rate
  47. stress
  48. text-align
  49. text-indent
  50. text-transform
  51. text-size-adjust
  52. visibility
  53. :visited
  54. voice-family
  55. volume
  56. white-space
  57. widows
  58. word-spacing

答案 4 :(得分:-2)

回答这个问题和类似问题(例如不继承CSS属性的最佳参考页)是:

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

它有一列“继承”(或没有)。

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

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