🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Функция находится в статусе ограниченной доступности в Baseline.

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

Пример использования:

p::spelling-error {
  background-color: rgba(255, 0, 0, 0.2);
}

p::grammar-error {
  background-color: rgba(0, 0, 255, 0.2);
}

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

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.