`::spelling-error` псевдоэлемент CSS

::spelling-error — это CSS псевдоэлемент, который представляет текстовый фрагмент, помеченный пользовательским агентом как содержащий орфографическую ошибку.

Псевдоэлемент ::spelling-error следует специальной модели наследования, общей для всех псевдоэлементов выделения. Подробнее о том, как работает это наследование, см. в разделе Наследование псевдоэлементов выделения.

Допустимые свойства

В правиле с ::spelling-error в селекторе можно использовать лишь небольшой набор свойств CSS:

• color
• background-color
• cursor
• caret-color
• outline и его сокращённые свойства
• text-decoration и связанные с ним свойства
• text-emphasis-color
• text-shadow

Синтаксис

::spelling-error {
  /* ... */
}

Примеры

Проверка орфографии в документе

В браузерах, поддерживающих эту функцию, все отмеченные орфографические ошибки должны выделяться указанными стилями.

HTML

<p contenteditable spellcheck="true">
  My friends are coegdfgfddffbgning to the party tonight.
</p>

CSS

::spelling-error {
  text-decoration: wavy red underline;
}

Результат

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

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

См. также

• ::grammar-error
• text-decoration-line