CREARE SITI WEB in HTML e CSS > L'interlinea - line-height
Per personalizzare l'interlinea, ovvero la distanza tra una riga e l'altra,
- applica la proprietą line-height.
Per ottenere una distanza doppia tra una riga e l'altra,
- applica la seguente dichiarazione: line-height: 2em
- oppure: line-height: 200%
Per ottenere una distanza superiore una volta e mezza l'interlinea predefinita,
- applica la seguente dichiarazione: line-height: 1.5em
- oppure : line-height: 150%
Esempio:
codice HTML |
<html> <head> <style type="text/css"> p.int-unoemezzo {lineheight: 1.5em} p.int-due {line-height:200%} </style> </head> <body> <p> Questo paragrafo ha <strong>interlinea predefinita pari a 1em</strong> Altro testo aggiunto per vedere l'effetto dell'interlinea ... </p> <p class="int-unoemezzo"> Questo paragrafo ha <strong>interlinea pari a 1.5em (o 150%)</strong> Altro testo aggiunto per vedere l'effetto dell'interlinea ... </p> <p class="int-due"> Questo paragrafo ha <strong>interlinea pari a 2em (o 200%)</strong> Altro testo aggiunto per vedere l'effetto dell'interlinea ... </p> </body> </html> |
risultato pagina web |
![]() |