HTML and CSS Reference
In-Depth Information
dell'arcobaleno dei colori), saturazione e brillantezza (entrambe espresse in percen-
tuale); per esempio hsl(0, 100%, 50%) esprime un colore rosso con lumino-
sità massima e saturazione al 50%.
HSLA, analogo a HSL ma con la gestione della trasparenza con la stessa modalità
descritta per RGBA; in questo caso il colore rosso d'esempio può essere reso semi-
trasparente indicando: hsla(0, 100%, 50%, .5) .
La gestione della trasparenza supportata dalle notazioni RGBA e HSLA ha effetto esclusi-
vamente sul colore, a differenza dell'uso della proprietà opacity che consente di esten-
dere l'effetto all'intero elemento, compresi gli eventuali figli in esso contenuti.
Le modalità per definire il colore descritte qui sopra vengono usate anche per indicare
il colore di sfondo attraverso la proprietà background-color , come vedremo in segui-
to.
Applicare effetti al testo
Per completare il controllo della visualizzazione del testo, oltre alle proprietà base, come
l'uso del grassetto, del corsivo, della sottolineatura e così via, presentate all'inizio del ca-
pitolo, e alla scelta di font, dimensione e colore, CSS mette a disposizione anche alcuni
effetti aggiuntivi di varia natura.
Possiamo, per esempio, aggiungere un'ombreggiatura al testo, impostando la proprietà
text-shadow e specificando nell'ordine:
Scostamento orizzontale dell'ombreggiatura (horizontal offset, ovvero sull'asse X);
con valori positivi, l'ombra viene disegnata alla destra del testo mentre, con valori
negativi, alla sua sinistra;
Scostamento verticale dell'ombreggiatura (vertical offset, ovvero sull'asse Y); con
valori positivi, l'ombra viene disegnata sotto il testo mentre, con valori negativi,
sopra;
Il raggio di sfumatura dell'ombreggiatura; più è grande il valore impostato più
l'ombra risulterà “leggera” e sfocata; questo parametro è opzionale;
Il colore dell'ombreggiatura.
L'esempio 6.4 mostra come impostare l'ombreggiatura a un titolo H1 , usando la proprietà
text-shadow .
Search WWH ::




Custom Search