Atributo font-weight do CSS

Definição e uso

O atributo fontWeight define a grossura do texto.

Explicação

Esta propriedade é usada para definir a grossura da fonte do texto exibido pelo elemento. O valor numérico 400 é equivalente ao palavra-chave normal, e 700 é equivalente a bold. Cada valor numérico da grossura da fonte deve ser pelo menos tão fino quanto o próximo valor menor e pelo menos tão grosso quanto o próximo valor maior.

Veja também:

Tutorial do CSS:Fonte CSS

Manual do CSS:Atributo font do CSS

Manual do HTML DOM:Atributo fontWeight

Exemplo

Definir a grossura da fonte de três parágrafos:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Experimente você mesmo

Sintaxe do CSS

font-weight: normal|bold|bolder|lighter|número|initial|inherit;

Valor do atributo

Valor Descrição
normal Valor padrão. Define caracteres normais.
bold Define caracteres em negrito.
bolder Define caracteres de texto mais grossos.
lighter Define caracteres de texto mais finos.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Define caracteres de grossura de texto do mais grosso para o mais fino. 400 é equivalente a normal, e 700 a bold.
inherit Especifica que a grossura da fonte deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: normal
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: objeto.style.fontWeight="900"

TIY Exemplo

Definir a grossura da fonte
Este exemplo demonstra como definir a grossura 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
2.0 4.0 1.0 1.3 3.5