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;
Please follow and like us:

Lascia un commento