::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 Pseudo-Element repräsentiert ein Textsegment, das der User-Agent als grammatikalisch inkorrekt markiert hat.
Das ::grammar-error Pseudo-Element folgt einem speziellen Vererbungsmodell, das allen Hervorhebungs-Pseudo-Elementen gemeinsam ist. Weitere Details dazu, wie diese Vererbung funktioniert, finden Sie im Abschnitt Hervorhebungs-Pseudo-Elemente Vererbung.
Zulässige Eigenschaften
Nur eine kleine Teilmenge von CSS-Eigenschaften kann in einer Regel mit ::grammar-error im Selektor verwendet werden:
colorbackground-colorcursorcaret-coloroutlineund seine Langformentext-decorationund die zugehörigen Eigenschaftentext-emphasis-colortext-shadow
Syntax
css
::grammar-error {
/* ... */
}
Beispiele
Grundlegende Dokumenten-Grammatikprüfung
In diesem Beispiel sollten unterstützende Browser eventuell grammatikalische 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…