Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Pseudo-élément CSS ::spelling-error

Disponibilité limitée

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

Want more support for this feature? Tell us why.

Le pseudo-élément CSS ::spelling-error représente une portion de texte que l'agent utilisateur signale comme étant mal orthographiée.

Le pseudo-élément ::spelling-error suit un modèle d'héritage spécial commun à tous les pseudo-éléments de surlignage. Pour plus de détails sur le fonctionnement de cet héritage, consultez la section Héritage des pseudo-éléments de mise en évidence.

Propriétés autoriséees

Seul un sous-ensemble restreint de propriétés CSS peut être utilisé dans une règle dont le sélecteur contient ::spelling-error :

Syntaxe

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

Exemples

Vérification orthographique de base

Dans cet exemple, les navigateurs éventuellement compatibles devraient mettre en évidence toute erreur d'orthographe signalée avec les styles affichés.

HTML

html
<p contenteditable spellcheck="true">
  Alice devina tout de suite qu'il cherch l'éventail et la paire de gants.
</p>

CSS

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

Résultat

Spécifications

Spécification
CSS Pseudo-Elements Module Level 4
# selectordef-spelling-error

Compatibilité des navigateurs

Voir aussi