::spelling-error

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

Zulässige Eigenschaften

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

Syntax

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

Beispiele

Grundlegende Rechtschreibprüfung im Dokument

In diesem Beispiel sollten unterstützende Browser eventuelle markierte Rechtschreibfehler mit den dargestellten Stilen hervorheben.

HTML

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

CSS

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

Ergebnis

Spezifikationen

Specification
CSS Pseudo-Elements Module Level 4
# selectordef-spelling-error

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch