Esempio
Imposta il carattere per un <p> elemento:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà di font o restituisce fino a sei proprietà del carattere separati, in una forma abbreviata.
Con questa proprietà, è possibile impostare / restituire il seguente (in questo ordine):
- stile carattere
- font-variant
- font-weight
- dimensione del font
- altezza della linea
- famiglia di font
Sono richiesti il font-size e font-family. Se uno degli altri valori sono mancanti, verranno inseriti i valori di default, se presente.
Le proprietà di cui sopra possono essere impostati anche con proprietà di stile separati. L'uso di edifici separati che è altamente raccomandato per gli autori non avanzati per una migliore manovrabilità.
Supporto browser
La proprietà font è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà font:
object .style.font
Impostare la proprietà di carattere:
object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| style | Imposta il font-style |
| variant | Imposta il testo in un font maiuscoletto |
| weight | Imposta l'audacia del carattere |
| size | Imposta la dimensione del carattere |
| lineHeight | Imposta la distanza tra le linee |
| family | Imposta il tipo di carattere |
| caption | Il carattere utilizzato per i controlli didascalia (like buttons, drop-downs, etc.) |
| icon | Il carattere usato per le icone di etichette |
| menu | Il carattere utilizzato nei menu |
| message-box | Il carattere utilizzato nelle finestre di dialogo |
| small-caption | Il carattere utilizzato nelle piccole controlli |
| status-bar | Il carattere utilizzato nelle barre di stato della finestra |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | non specificato |
|---|---|
| Valore di ritorno: | Una stringa, che rappresentano diverse proprietà dei font dell'elemento |
| CSS Version | CSS1 |
Altri esempi
Esempio
Ritorna il carattere di un <p> elemento:
alert(document.getElementById("myP").style.font); Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Font
Di riferimento CSS: font property
<Stile di oggetto