Allowable properties

Only a small subset of CSS properties can be used in a rule with ::spelling-error in its selector:

• color
• background-color
• cursor
• caret-color
• outline and its longhands
• text-decoration and its associated properties
• text-emphasis-color
• text-shadow

Syntax

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

Examples

Basic document spell check

In this example, eventual supporting browsers should highlight any flagged spelling errors with the styles shown.

HTML

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

CSS

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

Result

Specifications

Browser compatibility

See also

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