Capítulo 17. CSS
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
Introducción
En el entorno del navegador moderno, CSS no sólo te permite escribir reglas de estilo, sino que también dispone de un conjunto de API que puedes utilizar para mejorar aún más tu aplicación.
El Modelo de Objetos CSS (CSSOM) te permite establecer estilos en línea mediante programación desde código JavaScript. No sólo eso, sino que incluso puedes cambiar los valores de las variables CSS en tiempo de ejecución.
En el Capítulo 8, viste un ejemplo de uso de window.matchMedia para comprobar mediante programación una consulta de medios para ver si coincide en la página actual.
Este capítulo contiene algunas recetas útiles que utilizan algunas de estas API relacionadas con CSS. En el momento de escribir esto, algunas de estas API no tienen una buena compatibilidad con los navegadores. Comprueba siempre la compatibilidad del navegador antes de utilizarlas.
Resaltar rangos de texto
Problema
Quieres aplicar un efecto de resaltado a un rango de texto del documento.
Solución
Crea un objeto Range alrededor del texto deseado y, a continuación, utiliza la API de resaltado personalizado CSS para aplicar los estilos de resaltado a ese rango.
El primer paso es crear un objeto Range. Este objeto representa una región de texto dentro del documento. El Ejemplo 17-1 muestra una función de utilidad de propósito general para crear un rango dado un nodo ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access