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;