Pseudo-élément CSS ::highlight()

Définition et utilisation

CSS ::highlight() Les pseudo-éléments sont utilisés pour définir les styles de mise en surbrillance personnalisée.

La mise en surbrillance personnalisée est un ensemble d'objets Range, enregistrés sur la page web via HighlightRegistry.

Attention :Les propriétés suivantes peuvent être utilisées avec ::highlight() Utilisation ensemble :

  • color
  • background-color
  • text-decoration
  • text-shadow

Exemple

Définir quatre styles de mise en surbrillance personnalisée :

::highlight(mycolor-1) {
  color: rouge;
}
::highlight(mycolor-2) {
  color: vert;
}
::highlight(mycolor-3) {
  color: bleu;
}
::highlight(mycolor-4) {
  color: saumon;
}

Essayez-le vous-même

Syntaxe CSS

::highlight(custom-highlight-name) {
  déclarations css;
}

Détails techniques

Version : Module de l'API de mise en surbrillance personnalisée CSS Niveau 1

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge ce pseudo-élément.

Chrome Edge Firefox Safari Opera
105 105 non pris en charge 17.2 91

pages associées

tutoriel :élément de pseudo-élément CSS