Sintassi

Significato dei valori principali:

• normal: valore predefinito. Nessuna variante viene applicata; il testo appare con il font originale.

• small-caps: converte i caratteri minuscoli in maiuscoletto, mantenendo la dimensione originale per le lettere maiuscole.

Esempio proprietà: font-variant

Codice Esempio: font-variant

CODE: CSS

1. .variant-normal {

2.   font-variant: normal;

3.   font-size: 22px;

4. }

6. .variant-smallcaps {

7.   font-variant: small-caps;

8.   font-size: 22px;

9. }

Contenuto Esempio: font-variant

  
  <style>
    .variant-normal {
      font-variant: normal;
      font-size: 22px;
    }

    .variant-smallcaps {
      font-variant: small-caps;
      font-size: 22px;
    }
  </style>

  <div class="variant-normal">Testo con font-variant: normal</div>
  <div class="variant-smallcaps">Testo con font-variant: small-caps</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