Ключевое слово CSS `initial`

Ключевое слово initial в CSS применяет к элементу начальное (или заданное по умолчанию) значение свойства. Его можно применить к любому свойству CSS, включая сокращённое свойство CSS all. Если для all задано значение initial, все свойства CSS можно сбросить до соответствующих начальных значений одновременно, вместо того чтобы сбрасывать каждое по отдельности.

Для наследуемых свойств начальное значение может оказаться неожиданным. Вместо этого можно использовать ключевые слова inherit, unset, revert, revert-layer или revert-rule.

Примеры

Основное использование

В этом примере мы используем ключевое слово initial, чтобы сбросить значения свойств color и font-size элемента.

HTML

<p>
  This text is red and large.
  <em
    >This text is in the initial color (typically black) and initial size
    (typically 16px).</em
  >
  This is red and large again.
</p>

CSS

Мы задаём свойства color и font-size для элемента <p>, а затем присваиваем этим свойствам значение initial для элемента <em>, чтобы сбросить их.

p {
  color: red;
  font-size: 2rem;
}

em {
  color: initial;
  font-size: initial;
}

Результат

Благодаря ключевому слову initial в этом примере значения color и font-size элемента em сбрасываются до начальных значений свойств color и font-size соответственно.

Спецификации

Совместимость с браузерами

См. также

• ключевые слова inherit, revert, revert-layer, revert-rule и unset
• all
• Наследование