CSS: dimensione del carattere

Descrizione

La proprietà font-size influenza la dimensione del testo di un elemento.

Possibili valori

  • xx-small - Imposta il testo dell'elemento su una dimensione inferiore a quella risultante dal valore x-small.

  • x-small - Imposta il testo dell'elemento su una dimensione inferiore a quella risultante dal valore small.

  • small - Imposta il testo dell'elemento su una dimensione inferiore a quella risultante dal valore medio.

  • medium - Imposta il testo dell'elemento in modo che abbia una dimensione inferiore a quella che risulta dal valore grande e maggiore di quella che risulta dal valore piccolo.

  • large - Imposta il testo dell'elemento su una dimensione maggiore di quella che risulta dal valore medio.

  • x-large - Imposta il testo dell'elemento su una dimensione maggiore di quella che risulta dal valore large.

  • xx-large - Imposta il testo dell'elemento su una dimensione maggiore di quella che risulta dal valore x-large.

  • larger - Imposta il testo dell'elemento in modo che sia più grande di quello del suo genitore.

  • smaller - Imposta il testo dell'elemento in modo che sia più piccolo di quello del suo genitore.

  • length- Qualsiasi valore di lunghezza consentito. I valori di lunghezza negativi non sono consentiti per la dimensione del carattere.

  • percentage - Imposta la dimensione del testo dell'elemento rispetto a quella del suo genitore.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.fontSize = "12pt";

Esempio

Ecco l'esempio che utilizza questa proprietà:

<html>
   <head>
   </head>

   <body>
      <p style = "font-size:20px;">
         This font size is 20 pixels
      </p>
      
      <p style = "font-size:small;">
         This font size is small
      </p>
      
      <p style = "font-size:large;">
         This font size is large
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: