::grammar-error

Limited availability

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

Das ::grammar-error CSS Pseudoelement repräsentiert ein Textsegment, das von der User-Agent als grammatisch inkorrekt markiert wurde.

Zulässige Eigenschaften

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

Syntax

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

Beispiele

Einfache Dokumentgrammatikprü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