Tronweb

Il Web Developing a portata di studente.

Testo in CSS


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 allproprietà 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.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *