CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS font-weight Property
Example
Set different font weight for three paragraphs:
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
Try it yourself »
Definition and Usage
The font-weight property sets how thick or thin characters in text should be displayed.
| Default value: | normal |
|---|---|
| Inherited: | yes |
| Version: | CSS1 |
| JavaScript syntax: | object.style.fontWeight="900" |
Browser Support
The font-weight property is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Property Values
| Value | Description | Play it |
|---|---|---|
| normal | Defines normal characters. This is default | Play it » |
| bold | Defines thick characters | Play it » |
| bolder | Defines thicker characters | Play it » |
| lighter | Defines lighter characters | Play it » |
| 100 200 300 400 500 600 700 800 900 |
Defines from thin to thick characters. 400 is the same as normal, and 700 is the same as bold | Play it » |
| inherit | Specifies that the font weight should be inherited from the parent element |
Related Pages
CSS tutorial: CSS Font
CSS reference: font property
HTML DOM reference: fontWeight property
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
