::grammar-error CSS pseudo-element
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Das ::grammar-error CSS Pseudoelement repräsentiert einen Textabschnitt, den der User-Agent als grammatikalisch inkorrekt markiert hat.
Das ::grammar-error Pseudoelement folgt einem speziellen Vererbungsmuster, das für alle Hervorhebungs-Pseudoelemente gilt. Weitere Details zur Funktionsweise dieser Vererbung finden Sie im Abschnitt Vererbung von Hervorhebungs-Pseudoelementen.
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 Einzelheitentext-decorationund die zugehörigen Eigenschaftentext-emphasis-colortext-shadow
Syntax
css
::grammar-error {
/* ... */
}
Beispiele
Grundlegende Dokumentengrammatikprüfung
In diesem Beispiel sollten unterstützende Browser jegliche markierten grammatikalischen 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
| Spezifikation |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-grammar-error |