h1 { color: green; letter-spacing: 3px; text-align: center; text-decoration: overline; } h2 { text-align: left; text-decoration: line-through; word-spacing: 10px; } h3 { text-align: right; text-decoration: underline; } p.uppercase { text-transform: uppercase; } p.lowercase { text-transform: lowercase; } p.capitalize { text-transform: capitalize; }
In CSS possiamo attribuire varie caratteristiche al testo che abbiamo scritto in HTML. Possiamo attribuire un colore grazie alla proprietà color, che lo può specificare in vari modi:
- un nome di colore – come “rosso”
- un valore HEX – come “# ff0000”
- un valore RGB – come “rgb (255,0,0)”
Oppure, possiamo allinearlo grazie al text-align, questo può allineare a sinistra, a destra o centrato. Un’altra proprietà è la text-decoration che viene utilizzata per impostare decorazioni al testo. Possiamo anche rendere maiuscole o minuscole, lettere del testo grazie alla text-transformation. Infine, possiamo attribuire una spaziatura alle lettere o alle parole, grazie alle proprietà letter-spacing e word-spacing.