Propriedade fontWeight do estilo

Definição e uso

fontWeight Define ou retorna a espessura da letra do texto.

Veja também：

Tutorial do CSS：Fonte do CSS

Manual do CSS：Propriedade font-weight

Manual do HTML DOM：Propriedade de fonte

Exemplo

Exemplo 1

Define a espessura da letra do elemento <p> como "900":

document.getElementById("myP").style.fontWeight = "900";

Experimente você mesmo

Exemplo 2

Demonstração dos valores possíveis:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

Experimente você mesmo

Exemplo 3

Retorna a espessura da letra do elemento <p>:

alert(document.getElementById("myP").style.fontWeight);

Experimente você mesmo

Sintaxe

Retornar fontWeight propriedade:

objeto.style.fontWeight

Definir fontWeight propriedade:

objeto.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

Valor da propriedade

Valor Descrição
normal A letra é normal. Padrão.
lighter A letra é mais fina.
bold A letra é grossa.
bolder A letra é mais grossa.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Define a espessura da letra de fina para grossa.

400 é como normal, 700 é como bold.
initial Defina essa propriedade para seu valor padrão. Veja também initial。
inherit Herda essa propriedade do elemento pai. Veja também inherit。

Detalhes técnicos

Valor padrão: normal
Retorno: Valor de string, que representa a espessura da letra.
Versão do CSS： CSS1

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte