CSS ::highlight() pseudo-element

Definition och användning

CSS ::highlight() Pseudo-element används för att sätta stilar för egna highlighter.

Egna highlighter är en uppsättning Range-objekt och registreras på webbsidan genom HighlightRegistry.

Observera:Följande egenskaper kan användas med ::highlight() Använd tillsammans:

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

Exempel

Ställ in fyra egna highlight-stilar:

::highlight(mycolor-1) {
  color: red;
}
::highlight(mycolor-2) {
  color: green;
}
::highlight(mycolor-3) {
  color: blue;
}
::highlight(mycolor-4) {
  color: salmon;
}

Prova själv

CSS-syntax

::highlight(custom-highlight-name) {
  css deklarationer;
}

Tekniska detaljer

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som fullständigt stöder den här pseudo-elementen.

Relaterade sidor

Lärarprogram:CSS pseudoelement