Overflow dei contenuti e ombre
Grazie alla proprietà text-overflow definiamo il comportamento quando un testo non ha abbastanza spazio, i valori sono:
- clip – il testo viene tagliato;
- ellipsis – vengono mostrati i puntini di sospensione dove avviene il taglio del testo;
- string – viene mostrato un testo specifico per indicare il taglio;
Se un testo è troppo lungo causerebbe un’impossibilità di rispettare la dimensione del proprio box, in questo caso la proprietà overflow: hidden taglia il testo che uscirebbe fuori dal box.
La nuova proprietà word-wrap: break-word spezza il testo in due o più righi.
Possiamo anche inserire un’ombra al testo con la proprietà text-shadow con i seguenti valori:
- shadow: – distanza orizzontale dell’ombra;
- v-shadow: – distanza verticale dell’ombra;
- blur: – sfocatura;
- color: – colore dell’ombra;