::spelling-error

Das ::spelling-error CSS Pseudo-Element repräsentiert einen Textabschnitt, der vom User Agent als falsch geschrieben markiert wurde.

Das ::spelling-error Pseudo-Element folgt einem speziellen Vererbungsmodell, das für alle Hervorhebungs-Pseudo-Elemente üblich ist. Weitere Details dazu, wie diese Vererbung funktioniert, finden Sie im Abschnitt Vererbung von Highlight-Pseudo-Elementen.

Erlaubte Eigenschaften

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

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

Syntax

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

Beispiele

Grundlegende Dokument-Rechtschreibprüfung

In diesem Beispiel sollten unterstützende Browser eventuell markierte Rechtschreibfehler mit den gezeigten Stilen hervorheben.

HTML

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

CSS

::spelling-error {
 text-decoration: wavy red underline;
}

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

• ::grammar-error
• text-decoration-line