Sintassi

Significato dei valori principali:

• normal: Valore predefinito. Il browser imposta automaticamente lo spazio standard tra i caratteri.

• lunghezza positiva: Aumenta lo spazio tra i caratteri (es. letter-spacing: 2px;).

• lunghezza negativa: Riduce lo spazio tra i caratteri (es. letter-spacing: -1px;).

• unità: È possibile usare px, em, rem, ecc.

• inherit / initial / unset: Valori globali che permettono di ereditare o ripristinare il valore.

Esempio proprietà: letter-spacing

Codice Esempio: letter-spacing

CODE: CSS

1. .letter-spacing-normal {

2.   letter-spacing: normal;

3.   font-size: 24px;

4. }

6. .letter-spacing-wide {

7.   letter-spacing: 4px;

8.   font-size: 24px;

9.   color: #4078f2;

10. }

12. .letter-spacing-tight {

13.   letter-spacing: -1px;

14.   font-size: 24px;

15.   color: #e06c75;

16. }

Contenuto Esempio: letter-spacing

  
  <style>
    .letter-spacing-normal {
      letter-spacing: normal;
      font-size: 24px;
    }

    .letter-spacing-wide {
      letter-spacing: 4px;
      font-size: 24px;
      color: #4078f2;
    }

    .letter-spacing-tight {
      letter-spacing: -1px;
      font-size: 24px;
      color: #e06c75;
    }
  </style>

  <p class="letter-spacing-normal">Spaziatura normale</p>
  <p class="letter-spacing-wide">Spaziatura aumentata</p>
  <p class="letter-spacing-tight">Spaziatura ridotta</p>
  

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