::grammar-error

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Der ::grammar-error CSS Pseudo-Element repräsentiert einen Textabschnitt, der vom User Agent als grammatikalisch falsch markiert wurde.

Zulässige Eigenschaften

Nur eine kleine Teilmenge von CSS-Eigenschaften kann in einer Regel mit ::grammar-error im Selektor verwendet werden:

Syntax

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

Beispiele

Grundlegende Dokument-Grammatikprüfung

In diesem Beispiel sollten unterstützende Browser alle markierten grammatischen Fehler mit den gezeigten Stilen hervorheben.

HTML

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

CSS

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

Ergebnis

Spezifikationen

Specification
CSS Pseudo-Elements Module Level 4
# selectordef-grammar-error

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch