Pseudo-elemento ::highlight() do CSS

Definição e uso

CSS ::highlight() Os pseudo-elementos são usados para definir os estilos de destaque personalizado.

O destaque personalizado é um grupo de objetos Range e é registrado no navegador da web através do HighlightRegistry.

Nota:As seguintes propriedades podem ser usadas com ::highlight() Uso conjunto:

• cor
• cor de fundo
• decoration de texto
• sombra de texto

Exemplo

Defina quatro estilos de destaque personalizados:

::highlight(mycolor-1) {
  cor: vermelho;
}
::highlight(mycolor-2) {
  cor: verde;
}
::highlight(mycolor-3) {
  cor: azul;
}
::highlight(mycolor-4) {
  cor: salmão;
}

Experimente você mesmo

Sintaxe CSS

::highlight(custom-highlight-name) {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o pseudo-elemento.

Páginas relacionadas

Tutorial:Elementos pseudo de CSS