gototopgototop
 
Sei in: Home Page Tips e Tricks Aumentare la distanza tra le righe con i CSS

Aumentare la distanza tra le righe con i CSS

Con i Fogli di Stile si può stabilire una distanza tra una riga di testo e l'altra.

L'attributo che consente ciò è line-height; definisce la distanza, in verticale, tra le varie linee di testo.

I valori sono espressi in percentuale o in em. Ecco un esempio da poter inserire in una pagina web:

<div style="font-family:Verdana, Arial; font-size:12px; width:500px;  line-height: 3em">
Extro Web Site
Extro Web Site
</div>

In questo caso, siccome il valore per "line-height" è stato espresso in maniera assoluta, cioè em, tale valore è direttamente proporzionale alla grandezza del testo; per cui 3 (em) x 12px (grandezza del testo) = a 36px la distanza tra un rigo e l'altro.

© www.extrowebsite.com - Grafica, layout, articoli e guide sono di esclusiva proprietà del webmaster - Tutti i diritti riservati