Псевдоэлемент CSS `::grammar-error`

::grammar-error CSS псевдоэлемент обозначает текстовый фрагмент, который пользовательский агент пометил как грамматически некорректный.

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

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

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

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

Синтаксис

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

Примеры

Базовая проверка грамматики документа

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

HTML

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

CSS

::grammar-error {
  text-decoration: underline red;
  color: red;
}

Результат

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

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

См. также

• ::spelling-error
• text-decoration-line