<!--

main_leaderboard, all: [728,90][970,90][320,50][468,60]

-->

CSS font-weight Property

❮ Previous
Complete CSS Reference
Next ❯

Set different font weight for three paragraphs:

p.normal
    font-weight: normal;

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
Animatable:	yes. Read about animatable Try it
Version:	CSS1
JavaScript syntax:	object.style.fontWeight="bold" Try it

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

<!--

mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]

-->

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 »
initial	Sets this property to its default value. Read about initial	Play it »
inherit	Inherits this property from its parent element. Read about inherit

CSS tutorial: CSS Font

CSS reference: font property

HTML DOM reference: fontWeight property

❮ Previous
Complete CSS Reference
Next ❯