Easy Tutorial
❮ Css3 Pr Filter Css3 Pr Transform ❯

CSS font-weight Property

Example

Three paragraphs with different font weights:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Property Definition and Usage

The font-weight property sets the thickness of the text.

Default value: normal
Inherited: yes
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.fontWeight="900"
--- ---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
font-weight 2.0 4.0 1.0 1.3 3.5

Property Values

Value Description
normal Default value. Defines standard characters.
bold Defines bold characters.
bolder Defines characters with a heavier weight.
lighter Defines characters with a lighter weight.
100<br>200<br>300<br>400<br>500<br>600<br>700<br>800<br>900 Defines characters from thin to thick. 400 is the same as normal, and 700 is the same as bold.
inherit Specifies that the font weight should be inherited from the parent element.

Related Articles

CSS Tutorial: CSS Font

CSS Reference: font Property

❮ Css3 Pr Filter Css3 Pr Transform ❯