::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 vom User 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 Abschnitt Vererbung von Highlight-Pseudoelementen.
Erlaubte Eigenschaften
Nur eine kleine Untermenge von CSS-Eigenschaften kann in einer Regel mit ::grammar-error im Selektor verwendet werden:
colorbackground-colorcursorcaret-coloroutlineund seine Langformentext-decorationund seine zugehörigen Eigenschaftentext-emphasis-colortext-shadow
Syntax
css
::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
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
Loading…