CSS font-weightProperty
Example
Three paragraphs of text with different font weights:
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
Try it Yourself »
Property definition and usage instructions
The font-weight property sets the thickness of text.
| Default value: | normal |
|---|---|
| Inherited: | yes |
| version: | CSS1 |
| JavaScript Syntax: | object.style.fontWeight="900" |
Browser Support
The numbers in the table indicate the first browser version that supports this property.
| Property | |||||
|---|---|---|---|---|---|
| font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
Property value
| Value | Description |
|---|---|
| normal | Default value. Defines standard characters. |
| bold | Define bold characters. |
| bolder | Defines bolder characters. |
| lighter | Defines lighter characters. |
|
Defines characters from thin to thick. 400 is equivalent to normal, while 700 is equivalent to bold. |
| inherit | Specifies that font weight should be inherited from the parent element. |
Related Articles
CSS Tutorial:CSS Font
CSS Reference Manual:font property
other extensions