Cette propriété détermine l'épaisseur de la police de caractères.
| font-weight | |
|---|---|
| Valeur | normal bold bolder lighter 100 200 300 400 500 600 700 800 900 |
| Valeur par défaut | normal |
| Domaine d'application | Tous les éléments |
| Héritage | oui |
| Media | visuel |
| Valeur possible |
Action | Exemple |
|---|---|---|
| normal | La police conserve des caractèrisitques normales. | p {font-weight: normal} |
| bold | La police s'affiche en gras. | h2 {font-weight: small-caps} |
| bolder | La police s'affiche en très gras. | h2 {font-weight: small-caps} |
| lighter | La police s'affiche en en léger. | h2 {font-weight: small-caps} |
| 300 | La police s'affiche avec cette épaisseur. | blockquote {font-weight: 300} |
| 100 | lighter | Exemple | <em style="font-weight: 100"> Exemple </em> |
|---|---|---|---|
| 200 | Exemple | <em style="font-weight: 200"> Exemple </em> |
|
| 300 | Exemple | <em style="font-weight: 300"> Exemple </em> |
|
| 400 | normal | Exemple | <em style="font-weight: 400"> Exemple </em> |
| 500 | Exemple | <em style="font-weight: 500"> Exemple </em> |
|
| 600 | Exemple | <em style="font-weight: 600"> Exemple </em> |
|
| 700 | bold | Exemple | <em style="font-weight: 700"> Exemple </em> |
| 800 | Exemple | <em style="font-weight: 800"> Exemple </em> |
|
| 900 | bolder | Exemple | <em style="font-weight: 900"> Exemple </em> |
| Windows | Macintosh | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| NE4 | NE6 | NE7 | IE5 | IE55 | IE6 | OP5 | OP6 | OP7 | NE4 | NE6 | NE7 | IE4 | IE5 |