I proprietari di piccole imprese con uno sfondo di stampa avranno familiarità con il termine lead, che si riferisce alla spaziatura tra le righe di testo. Quando si crea una pagina HTML, l'equivalente di leading è la proprietà CSS "line-height", utilizzata per impostare la quantità di spazio tra ogni riga. L'altezza della linea può essere impostata su un'altezza fissa, ad esempio 12 pixel o come percentuale della dimensione del carattere, ad esempio 120 percento. Impostando il valore su "normale" si ripristina la spaziatura della linea sul valore predefinito.

1.

Aprire un'applicazione di progettazione Web o un editor di testo e creare una nuova pagina HTML o aprirne una esistente.

2.

Aggiungere il seguente codice al corpo della pagina Web:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimento pulvinar pulvinar. Suspendisse eros nulla, sodales ut tincidunt sit amet, facilisis id dui. Donec pharetra euismod mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

3.

Aggiungi il seguente foglio di stile CSS alla sezione della pagina:

Questa regola CSS si applica al div con l'id "exampleText", impostando la larghezza a 400 pixel e la dimensione del carattere a 14 pixel, visualizzando il paragrafo del testo su un numero di righe. Salvare la pagina e quindi aprire in un browser Web per visualizzare il risultato.

4.

Aggiungi la seguente nuova regola CSS al foglio di stile nella pagina:

exampleText p {

line-height: 200%; 

}

Questa regola modificherà l'interlinea del paragrafo al 200% della dimensione del carattere, in questo caso 28 pixel. Se la dimensione del carattere cambia, l'interlinea cambierà automaticamente proporzionalmente. Salvare la pagina e ricaricare nel browser Web per vedere l'effetto della proprietà di interlinea.

5.

Modificare l'altezza della linea su 20 pixel, come segue:

exampleText p {

 line-height: 20px; 

}

Questo imposta una spaziatura costante di 20 pixel tra le righe di testo, indipendentemente dalla dimensione del carattere del testo. Salva la pagina e aggiorna nel tuo browser per vedere la nuova spaziatura della linea.

Mancia

• Le altezze delle linee fisse possono essere specificate in unità di pixel, punti o centimetri.