English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência CSS

regras CSS (RULES)

大全 de Atributos CSS

CSS font-weight propriedade uso método e exemplo

font-weight CSS propriedade define a grossura da fonte.

A tabela a seguir fornece uma descrição do uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:Normal
Aplicável a:Todos os elementos
Herança:é
Animável:é.Por favor, consulte Propriedade de animação
Versão:CSS 1,2,3
JavaScript sintaxe:object.style.fontWeight="700"

font-weight uso sintaxe

A sintaxe dessa propriedade é a seguinte:

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit

Os seguintes exemplos mostram como usar font-weight propriedade.

  h1 {
   font-weight: normal;
  }
  p {
   font-weight: bold;
  }
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
normalespecificar caracteres normais.
boldespecificar caracteres negritos.
bolderdefinir caracteres mais grossos.
lighterselecionar definir caracteres mais finos.
100

número100 a900 forma uma sequência ordenada, onde cada número representado representa um valor de peso igual ou maior que o anterior. A palavra-chave normal igual a400, negrito igual a700。

200
300
400
500
600
700
800
900
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado usa o font do elemento pai-weight valor da propriedade.

Compatibilidade do navegador

font-weight propriedade compatibilidade do navegador, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Leia mais

Por favor, consulte o seguinte tutorial:CSS fonteCSS texto

Relacionadas propriedades e regras:fontfont-stylefont-variantfont-sizeline-heightfont-family@font-face