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

Question

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

Answer 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

Answer 2

В списках 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

Answer 3

• азимут
• границы коллапса
• интервал границы
• заголовок
• цвет
• курсор
• направление
• высота
• пустых ячеек
• font-family размер шрифта
• стиль шрифта
• вариант шрифта
• начертание шрифта
• шрифт
• межбуквенный интервал
• высота строки
• list-style-image
• список-стиль-позиция
• list-style-type
• в стиле списка
• 1042 * сирот *
• диапазон тонов
• кавычки
• Богатство
• говорящий заголовок
• говорить-числительное
• говорить-пунктуация
• говорят
• речь ставка
• стресс
• text-align
• текст-отступов
• преобразование текста
• видимость
• голосовая семья
• громкость
• белое пространства
• вдов
• слово-интервал

^{Источник}

Answer 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

Answer 5

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

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

У него есть столбец для "«унаследовано» (или нет).

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

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