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 ...
Get Libro de recetas de la API web now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
