Какие свойства CSS наследуются?

Я заметил, что некоторые свойства наследуются в CSS, а некоторые нет. Например, свойство text-size наследуется, но заполнение и маржа не наследуются дочерними блоками. Итак, как определить, какие свойства наследуются, а какие нет?

Ответ 1

Вот список всех наследуемых свойств. Я работаю с информацией W3C, поэтому я думаю, это должно быть правильно. Но, зная веб-браузеры (в частности, 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

Ответ 2

  • азимут
  • пограничный коллапс
  • border-spacing
  • подпись
  • Цвет
  • курсор
  • направление
  • высота
  • пустые ячейки
  • font-family font-size
  • стиль шрифта
  • font-variant
  • начертание шрифта
  • font
  • расстояние между буквами
  • высота строки
  • list-style-image
  • список-стиль-позиция
  • Тип списка
  • стиль списка
  • сироты
  • диапазон тангажа
  • кавычки шага
  • богатство
  • talk-header
  • говорят-цифра
  • говорить-пунктуация
  • говорить
  • речи скорость
  • стресс
  • text-align
  • Текст-отступов
  • text-transform
  • видимость
  • голосовое семейство
  • том
  • белый-пространство
  • вдов
  • слово интервал

Источник

Ответ 3

Blender и Shaz перечисляют как перечисление всех унаследованных свойств CSS 2.1, в том числе для звуковых медиа, таких как azimuth. Ниже приведен список без аурально-ориентированных свойств, теперь включая свойства CSS3.

  • border-collapse
  • border-spacing
  • caption-side
  • color
  • cursor
  • direction
  • empty-cells
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
  • font-size-adjust
  • font-stretch
  • font
  • letter-spacing
  • line-height
  • list-style-image
  • list-style-position
  • list-style-type
  • list-style
  • orphans
  • quotes
  • tab-size
  • text-align
  • text-align-last
  • text-decoration-color
  • text-indent
  • text-justify
  • text-shadow
  • text-transform
  • visibility
  • white-space
  • widows
  • word-break
  • word-spacing
  • word-wrap

Ответ 4

Полный список вкл. 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

Ответ 5

Лучшая справочная страница, чтобы ответить на этот и другие подобные вопросы (скажем, какие свойства CSS НЕ унаследованы), я нашел:

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

Имеется столбец для "унаследованных" (или нет).

На странице написано "Несколько разделов этой спецификации были обновлены". Но я не могу найти более актуальную версию этого, перечисляя все свойства CSS в одной сжатой таблице. Но эта таблица, я думаю, великолепна, именно то, что я искал. Отвечает также на вопрос о том, каковы возможные значения для каждого CSS-свойства и начальное (= значение по умолчанию).

Если вы хотите, чтобы все унаследованные или не унаследованные свойства были сгруппированы вместе, вы можете скопировать текст с веб-страницы, вставить его в Excel и т.д., А затем отсортировать по столбцу "Унаследовано?". Это работает, я попробовал это.