Sintassi

Significato dei valori principali:

• normal: Nessuna trasformazione sulle lettere maiuscole (comportamento predefinito).

• small-caps: Le lettere minuscole vengono trasformate in maiuscoletto. Le maiuscole restano tali.

• all-small-caps: Tutte le lettere (maiuscole e minuscole) vengono mostrate in maiuscoletto.

• petite-caps: Variante più compatta del maiuscoletto, se disponibile nel font.

• all-petite-caps: Tutte le lettere sono trasformate in petite caps.

• unicase: Tutte le lettere usano un’unica altezza, mescolando maiuscole e minuscole, dove il font lo consente.

• titling-caps: Usa lettere maiuscole ottimizzate per i titoli (più eleganti e leggibili).

Esempio proprietà: font-variant-caps

Codice Esempio: font-variant-caps

CODE: CSS

1. .caps-normal {

2.   font-family: "Georgia", serif;

3.   font-variant-caps: normal;

4.   font-size: 28px;

5. }

7. .caps-small {

8.   font-family: "Georgia", serif;

9.   font-variant-caps: small-caps;

10.   font-size: 28px;

11. }

Contenuto Esempio: font-variant-caps

  
  <style>
    .caps-normal {
      font-family: "Georgia", serif;
      font-variant-caps: normal;
      font-size: 28px;
    }

    .caps-small {
      font-family: "Georgia", serif;
      font-variant-caps: small-caps;
      font-size: 28px;
    }
  </style>

  <div class="caps-normal">
      Questo è testo normale.
  </div>

  <div class="caps-small">
      Questo è testo in 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