Я заметил, что некоторые свойства наследуются в 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 и т.д., А затем отсортировать по столбцу "Унаследовано?". Это работает, я попробовал это.