Sintassi

Significato dei valori principali:

• color: definisce il colore della decorazione del testo. Può essere espresso con valori:

  1. Esadecimali (#ff6347).

  2. RGB (rgb(255, 99, 71)).

  3. HSL (hsl(9, 100%, 64%)).

  4. parole chiave (red, blue, ecc.).

Esempio proprietà: text-decoration-color

Codice Esempio: text-decoration-color

CODE: CSS

1. .text-decoration-color-example {

2.   font-size: 22px;

3.   text-decoration-line: underline;

4.   text-decoration-color: #e06c75; /* Colore rosso tenue */

5.   text-decoration-thickness: 2px;

6.   text-underline-offset: 4px;

7. }

Contenuto Esempio: text-decoration-color

  
  <style>
    .text-decoration-color-example {
      font-size: 22px;
      text-decoration-line: underline;
      text-decoration-color: #e06c75; /* Colore rosso tenue */
      text-decoration-thickness: 2px; /* Spessore della linea */
      text-underline-offset: 4px; /* Distanza della sottolineatura dal testo */
    }
  </style>
  
  <div class="text-decoration-color-example">
    Testo sottolineato con colore personalizzato
  </div>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser