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

Manuale di riferimento CSS

Regole CSS (@RULES)

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo font-stretch CSS3

L'attributo font-stretch seleziona un aspetto normale, compresso o espanso del carattere.

La tabella seguente fornisce una descrizione dell'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. È anche applicabile a ::first-letter e ::first-line
Ereditarietà:È
Animabile:È.Si prega di consultare Proprietà animazione.
Versione: Nuova funzionalità CSS3
Sintassi JavaScript:oggetto.style.fontStretch="expanded"

Sintassi dell'uso di font-stretch

L'attributo ha la seguente sintassi:

font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit

L'esempio seguente dimostra come utilizzare la proprietà font-stretch.

p {
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: condensed;
}
Prova a vedere‹/›

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

ValoreDescrizione
normalSpecifica il carattere normale. Questo è il valore predefinito.
ultra-condensedSpecifica il carattere più denso.
extra-condensedSpecifica il secondo carattere più semplice.
condensedSpecifica il carattere compresso.
semi-condensedSpecifica il carattere leggermente compresso.
semi-expandedSpecifica il carattere leggermente espanso.
expandedSpecifica il carattere espanso.
extra-expandedSpecifica il secondo carattere più esteso.
ultra-expandedSpecifica il carattere più esteso.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificata, l'elemento correlato adotta il valore della proprietà font-stretch del suo elemento padre.

Compatibilità dei browser

La proprietà font-stretch non è supportata dalla maggior parte dei browser. È meglio evitare di utilizzarla.

  • Firefox 9+

  • Google Chrome×

  • Internet Explorer 9+

  • Apple Safari ×

  • Opera ×

Attenzione:Avviso: la proprietà font-stretch non è supportata dai browser Chrome, Safari e Opera. È meglio evitare di utilizzarla.

Leggi di più

Ecco la guida da consultare:Caratteri CSS,Unità CSS,Elementi pseudo di CSS.

Proprietà e regole correlate:font,font-family,font-size,font-size-adjust,font-style,font-variant,font-weight,@font-face.