Exemplo
Definir espessuras diferentes para três parágrafos:
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
Tente você mesmo " Definição e Uso
A propriedade font-weight define como os caracteres grossas ou finas em texto deve ser exibido.
| Valor padrão: | normal |
|---|---|
| Herdado: | yes |
| Animatable: | yes. Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.fontWeight="bold" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3,5 |
CSS Syntax
font-weight: normal|bold|bolder|lighter|number|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| normal | Define os caracteres normais. Este é o padrão | Jogue " |
| bold | Define caracteres grossos | Jogue " |
| bolder | Define os caracteres mais espessas | Jogue " |
| lighter | Define personagens mais leves | Jogue " |
| 100 200 300 400 500 600 700 800 900 | Define de fino a personagens de espessura. 400 é o mesmo que o normal, e 700 é o mesmo como negrito | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Font
Referência CSS: font property
HTML DOM de referência: fontWeight property