Я заметил, что некоторые свойства наследуются в CSS, а некоторые нет. Например, свойство text-size наследуется, но заполнение и маржа не наследуются дочерними блоками. Итак, как определить, какие свойства наследуются, а какие нет?
Какие свойства CSS наследуются?
Ответ 1
Вот список всех наследуемых свойств. Я работаю с информацией W3C, поэтому я думаю, это должно быть правильно. Но, зная веб-браузеры (в частности, IE), некоторые из них могут наследоваться не всеми браузерами:
-
azimuth
-
border-collapse
-
border-spacing
-
caption-side
-
color
-
cursor
-
direction
-
elevation
-
empty-cells
-
font-family
-
font-size
-
font-style
-
font-variant
-
font-weight
-
font
-
letter-spacing
-
line-height
-
list-style-image
-
list-style-position
-
list-style-type
-
list-style
-
orphans
-
pitch-range
-
pitch
-
quotes
-
richness
-
speak-header
-
speak-numeral
-
speak-punctuation
-
speak
-
speech-rate
-
stress
-
text-align
-
text-indent
-
text-transform
-
visibility
-
voice-family
-
volume
-
white-space
-
widows
-
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:
-
azimuth
-
:active
-
background
-
border-collapse
-
border-spacing
-
border-width
-
caption-side
-
color
-
cursor
-
direction
-
elevation
-
empty-cells
-
font
-
@font-face
-
font-family
-
font-size
-
font-size-adjust
-
font-stretch
-
font-style
-
font-variant
-
font-weight
-
font
-
:focus
-
:first-child
-
::first-letter
-
::first-line
-
:hover
-
:lang
-
letter-spacing
-
line-height
-
list-style-image
-
list-style-position
-
list-style-type
-
list-style
-
orphans
-
opacity
-
page
-
pitch-range
-
pitch
-
quotes
-
richness
-
speak-header
-
speak-numeral
-
speak-punctuation
-
speak
-
speech-rate
-
stress
-
text-align
-
text-indent
-
text-transform
-
text-size-adjust
-
visibility
-
:visited
-
voice-family
-
volume
-
white-space
-
widows
-
word-spacing
Ответ 5
Лучшая справочная страница, чтобы ответить на этот и другие подобные вопросы (скажем, какие свойства CSS НЕ унаследованы), я нашел:
https://www.w3.org/TR/CSS21/propidx.html
Имеется столбец для "унаследованных" (или нет).
На странице написано "Несколько разделов этой спецификации были обновлены". Но я не могу найти более актуальную версию этого, перечисляя все свойства CSS в одной сжатой таблице. Но эта таблица, я думаю, великолепна, именно то, что я искал. Отвечает также на вопрос о том, каковы возможные значения для каждого CSS-свойства и начальное (= значение по умолчанию).
Если вы хотите, чтобы все унаследованные или не унаследованные свойства были сгруппированы вместе, вы можете скопировать текст с веб-страницы, вставить его в Excel и т.д., А затем отсортировать по столбцу "Унаследовано?". Это работает, я попробовал это.