English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento del CSS

Regole @ del CSS (RULES)

Manuale completo dei CSS

Metodo di utilizzo e esempio dell'attributo font-variant del CSS

L'attributo font-variant del CSS imposta la visualizzazione del testo con caratteri minuscoli di piccolo maiuscolo, il che significa che tutte le lettere minuscole saranno convertite in maiuscole, ma tutte le lettere che utilizzano il tipo di carattere minuscolo di piccolo maiuscolo rispetto al testo restante, avranno dimensioni di carattere più piccole

La tabella sottostante fornisce spiegazioni sull'uso e la cronologia delle versioni di questo attributo, nonché la sintassi dell'uso in script JavaScript.

Valore predefinito:normal
Applicabile a:Tutti gli elementi
Ereditarietà:
Animabile:No.Vedere anche Proprietà animate
Versione:CSS 1, 2, 3

Sintassi dell'uso di font-variant

La sintassi di questo attributo è la seguente:

font-variant: normal | small-caps | initial | inherit

Gli esempi seguenti illustrano come utilizzare la proprietà font-variant.

  p {
   font-variant: small-caps;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
normalSpecificare il tipo di carattere normale.
small-capsSpecificare il tipo di carattere in minuscolo. Se non è possibile utilizzare il tipo di carattere minuscolo, il browser simulerà questa variante, utilizzando il tipo di carattere normale, sostituendo le lettere minuscole con lettere maiuscole ristrette.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore della proprietà font-variant del suo elemento padre.

Attenzione:   Negli strumenti small-caps, le lettere minuscole sembrano essere simili alle maiuscole, ma sono più piccole e la proporzioni sono leggermente diverse.

Compatibilità del browser

Compatibilità dei browser per la proprietà font-variant; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Leggi di più

Si prega di consultare la seguente guida:Caratteri CSSTesto CSS

Proprietà e regole correlate:fontfont-stylefont-weightfont-sizeline-heightfont-family@font-face