Capitolo 17. CSS
Questo lavoro è stato tradotto utilizzando l'AI. Siamo lieti di ricevere il tuo feedback e i tuoi commenti: translation-feedback@oreilly.com
Introduzione
In l'ambiente del browser moderno, CSS non solo ti permette di scrivere regole di stile ma ha anche una serie di API che puoi utilizzare per migliorare ulteriormente la tua applicazione.
Il CSS Object Model (CSSOM) ti permette di impostare gli stili in linea in modo programmatico dal codice JavaScript. Non solo, ma puoi anche cambiare i valori delle variabili CSS a runtime.
Nel Capitolo 8 hai visto un esempio di utilizzo di window.matchMedia per controllare programmaticamente una media query per vedere se corrisponde alla pagina corrente.
Questo capitolo contiene alcune utili ricette che utilizzano alcune di queste API CSS. Al momento della stesura del presente documento, alcune di queste API non hanno un buon supporto da parte dei browser. Verifica sempre la compatibilità del browser prima di utilizzarle.
Evidenziare intervalli di testo
Problema
Vuoi applicare un effetto di evidenziazione a un intervallo di testo nel documento.
Soluzione
Crea un oggetto Range intorno al testo desiderato, quindi utilizza l'API CSS Custom Highlight per applicare gli stili di evidenziazione a questo intervallo.
Il primo passo è creare un oggetto Range. Questo oggetto rappresenta una regione di testo all'interno del documento. L 'Esempio 17-1 mostra una funzione di utilità generale per creare un intervallo dato un nodo di testo ...
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