Text CSS. Decorarea textului. Proprietatea text-decoration. Valoarea text-decoration: none;. Transformarea textului. Proprietatea text-transform.

Decorarea textului (Text Decoration)

Proprietatea text-decoration este utilizată pentru a seta sau elimina decorațiunile din text.
Valoarea text-decoration: none; este adesea folosit pentru a elimina sublinierile din link-uri:

Exemplu:

a {
  text-decoration: none;
}

Celelalte valori text-decoration sunt utilizate pentru decorarea textului:

Exemplu:

h1 {
  text-decoration: overline;
}

h2 {
  text-decoration: line-through;
}

h3 {
  text-decoration: underline;
}

Notă: Nu este recomandat să subliniați textul care nu este o legătură, deoarece acest lucru încurcă cititorul.

Transformarea textului

Proprietatea text-transform este utilizată pentru a specifica litere mari și minuscule (uppercase sau lowercase) într-un text.
Poate fi folosit pentru a transforma totul în litere mari sau minuscule (uppercase sau lowercase) sau pentru a valorifica prima literă a fiecărui cuvânt:

Exemplu:

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}