Pseudoelemento ::highlight() de CSS

Definición y uso

CSS ::highlight() Los pseudoelementos se utilizan para establecer los estilos de resaltado personalizado.

El resaltado personalizado es un grupo de objetos Range y se registra en la página web a través de HighlightRegistry.

Nota:Las siguientes propiedades pueden usarse con ::highlight() Usar juntos:

• color
• color de fondo
• decoración de texto
• sombra de texto

Ejemplo

Establecer cuatro estilos de resaltado personalizados:

::highlight(mycolor-1) {
  color: rojo;
}
::highlight(mycolor-2) {
  color: verde;
}
::highlight(mycolor-3) {
  color: azul;
}
::highlight(mycolor-4) {
  color: salmón;
}

Prueba tú mismo

Sintaxis CSS

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

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que admite completamente el pseudoelemento.

páginas relacionadas

Tutoriales:Elementos pseudo de CSS