CSS - carattere

Descrizione

La proprietà font è una proprietà abbreviata utilizzata per influenzare il rendering del testo.

Possibili valori

I valori possibili dipenderanno da come stiamo utilizzando questa proprietà.

  • <font-style> - Qualsiasi valore consentito per lo stile del carattere della proprietà.

  • <font-variant> - Qualsiasi valore consentito per la proprietà font-variant.

  • <font-weight> - Qualsiasi valore consentito per la proprietà font-weight.

  • <font-size> - Qualsiasi valore consentito per la proprietà font-size.

  • <font-family> - Qualsiasi valore consentito per la proprietà font-family.

  • <line-height> - Qualsiasi valore consentito per l'altezza della linea di proprietà.

  • caption- Il carattere utilizzato dal sistema operativo per i controlli dei sottotitoli (ad esempio, pulsanti e menu a discesa). Questo è uno dei valori del "carattere di sistema".

  • icon- Il carattere utilizzato dal sistema operativo per etichettare le icone. Questo è uno dei valori del "carattere di sistema".

  • menu- Il carattere utilizzato dal sistema operativo nei menu (ad esempio, menu a discesa ed elenchi di menu). Questo è uno dei valori del "carattere di sistema".

  • message-box- Il carattere utilizzato dal sistema operativo nelle finestre di dialogo (ad esempio, finestre di dialogo di avvertenza). Questo è uno dei valori del "carattere di sistema".

  • small-caption- Il carattere utilizzato dal sistema operativo per etichettare i piccoli controlli. Questo è uno dei valori del "carattere di sistema".

  • status-bar- Il carattere utilizzato dal sistema operativo nelle barre di stato della finestra. Questo è uno dei valori del "carattere di sistema".

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.font = "bold italic small-caps 250%/1.2 sans-serif";

Esempio

Ecco l'esempio che utilizza la proprietà del carattere abbreviato:

<html>
   <head>
   </head>

   <body>
      <p style = "font:italic small-caps bold 15px georgia;">
         Applying all the properties on the text at once.
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: