PCdaZERO.it

Guida facile per usare il computer

Acquista o scarica gratis, i libri di "PC da Zero"

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
03-line-height (40K)

Link sponsorizzati