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)



COMMENTA, SEGNALA ERRORI, CHIEDI CHIARIMENTI e CONDIVIDI

96-condividere.png - 14,2 KB Se ti è piaciuta questa pagina, o
se vuoi lasciare un commento, chiedere chiarimenti o segnalare errori,
- Clicca sul pulsante Condividi
- aggiungi un commento, chiarimento, segnalazione di errore, (opzionale)
- e clicca su Condividi nuovamente .

- su Google Plus:


- su Facebook:

Link sponsorizzati