HTML and CSS Reference
In-Depth Information
@import url(stylesheet4_3.css)
(aspect-ratio: 4/3)
Oltre a quelle già viste, ci sono altre clausole con cui selezionare il CSS da utilizzare, come
la scala di colori e la risoluzione del device.
Ulteriori parametri di selezione del CSS
Per selezionare un CSS in base alla risoluzione del device, possiamo utilizzare la clausola
resolution
, che accetta anche i prefissi
min-
e
max-
per creare un range di valori.
Un'altra clausola di ricerca è la capacità del device di mostrare i colori e la quantità di
colori a disposizione tramite le parole chiave
color
e
color-index
. Entrambe le clau-
sole accettano i prefissi
min-
e
max-
per creare un range di valori.
Tutte queste clausole sono mostrate
nell'esempio 5.17
.
Esempio 5.17
<!—-Stampante con una risoluzione minima di 300dpi-->
@import url(stylesheet300dpi.css)
print and (min-resolution: 300dpi)
<!—-Tutti i device che supportano i colori-->
@import url(stylesheetcolors.css)
all and (color)
<!—-Tutti i device che supportano almeno 8 bit per colore-->
@import url(stylesheet8bitcolor.css)
all and (min-color: 8)
<!—-Tutti i device che supportano almeno 256 colori-->
@import url(stylesheet256colors.css)
all and (min-color-index: 256)
Le media query sono molto potenti e ci permettono di eseguire selezioni da CSS che prima
era possibile fare solo scrivendo codice. Questo è un altro esempio di come le specifiche
attuali di CSS ci semplifichino notevolmente la vita.
