Das::grammar-errorCSS-Pseudoelement repräsentiert ein Textsegment, das vomUser Agent als grammatikalisch inkorrekt markiert wurde.

Das::grammar-error-Pseudoelement folgt einem speziellen Vererbungsmodell, das für alle Highlight-Pseudoelemente üblich ist. Weitere Details zur Funktionsweise dieser Vererbung finden Sie im AbschnittVererbung von Highlight-Pseudoelementen.

Erlaubte Eigenschaften

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

• color
• background-color
• cursor
• caret-color
• outline und seine Langformen
• text-decoration und seine zugehörigen Eigenschaften
• text-emphasis-color
• text-shadow

Syntax

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

Beispiele

Grundlegende Dokumenten-Grammatikprüfung

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

HTML

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

CSS

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

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

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