CSS - tamanho da fonte

Descrição

A propriedade font-size afeta o tamanho do texto de um elemento.

Valores possíveis

xx-small - Define o texto do elemento para um tamanho menor do que o que resulta do valor x-pequeno.
x-small - Define o texto do elemento para um tamanho menor do que o resultado do valor pequeno.
small - Define o texto do elemento para um tamanho menor do que o que resulta do meio de valor.
medium - Define o texto do elemento com um tamanho menor do que o que resulta do valor grande e maior do que o que resulta do valor pequeno.
large - Define o texto do elemento com um tamanho maior do que o que resulta do meio de valor.
x-large - Define o texto do elemento com um tamanho maior do que o que resulta do valor grande.
xx-large - Define o texto do elemento com um tamanho maior do que o que resulta do valor x-large.
larger - Define o texto do elemento para ser maior que o de seu pai.
smaller - Define o texto do elemento para ser menor que o de seu pai.
length- Qualquer valor de comprimento permitido. Valores negativos de comprimento não são permitidos para tamanho de fonte.
percentage - Define o tamanho do texto do elemento em relação ao de seu pai.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.fontSize = "12pt";

Exemplo

Aqui está o exemplo usando esta propriedade -

<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>

Isso produzirá o seguinte resultado -

↰ Previous page