Formattazione del testo con i CSS

I CSS possono formattare il testo in parecchi modi, permettono di modificare il carattere, lo stile, la dimensione, il colore, l'allineamento e l'indentazione del testo.

Colori, dimensioni e caratteri

font - Impostando caratteristiche come il colore, la dimensione o la famiglia dei caratteri.

.p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 600;
text-decoration: overline;
}

Testo originale:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Testo con i CSS:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Allineamento del testo

text-align - allineamento orizzontale del testo

.p {
text-align: center;
}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

vertical-align - imposta l'allineamento verticale del testo

.p {height: 3;
color: #CC0000;
vertical-align: super;
}


Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Rientro del teso e spaziatura

text-indent - imposta il rientro della prima linea

.p {
text-indent: 10px;
}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer convallis cursus dolor. Donec quis nibh.

letter-spacing - imposta la spaziatura tra le lettere

.p {
letter-spacing: 2px;
}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer convallis cursus dolor. Donec quis nibh.

word-spacing - imposta la spaziatura tra le parole

.p {
word-spacing: 15px;
}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer convallis cursus dolor. Donec quis nibh.

Maiuscole e minuscole

text-transform - imposta le maiuscole e minusole

.p {
text-transform:capitalize;
}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Integer convallis cursus dolor. Donec quis nibh.

 

We register it!