Formattazione del testo con i CSS

(Pubblicità)
www.aruba.it

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 testo 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.

 

(Annunci Google)

 

 

Non forniamo nessuna garanzia di assenza di errori nei contenuti del sito.
Non si assume nessuna responsabilità per eventuali errori presenti nel sito, e per i contenuti dei siti linkati. - Privacy