Atributo font-size do CSS

Definição e uso

O atributo font-size pode definir o tamanho da fonte.

Descrição

Essa propriedade define o tamanho da fonte do elemento. Observe que, na verdade, ela define a altura da caixa de caracteres da fonte; o caractere real pode ser mais alto ou mais baixo do que essas caixas (geralmente mais baixo).

As fontes correspondentes a cada palavra-chave devem ser maiores do que as de uma palavra-chave mínima correspondente e menores do que as de uma palavra-chave máxima correspondente.

Veja também:

Tutorial CSS:CSS Fonte

Manual de referência CSS:Atributo font do CSS

Manual de referência HTML DOM:Atributo fontSize

Exemplo

Configurar o tamanho dos diferentes elementos HTML:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Experimente você mesmo

Sintaxe CSS

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

Valor do atributo

Valor Descrição
  • xx-small
  • x-small
  • small
  • média
  • large
  • x-large
  • xx-large

Defina o tamanho da fonte para diferentes tamanhos, de xx-small a xx-large.

Valor padrão: média.
smaller Defina o font-size para um tamanho menor que o do elemento pai.
larger Defina o font-size para um tamanho maior que o do elemento pai.
length Defina o font-size como um valor fixo.
% Defina o font-size como uma porcentagem baseada no elemento pai.
inherit Deve ser herdado o tamanho da fonte do elemento pai.

Detalhes técnicos

Valor padrão: média
Herança: sim
Versão: CSS1
Sintaxe JavaScript: object.style.fontSize="larger"

Exemplo TIY

Configuração do tamanho da fonte
Este exemplo demonstra como configurar o tamanho da fonte.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0