Syntax:	font-weight: <value>
Possible Values:	normal \| bold \| bolder \| lighter \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900
Initial Value:	normal
Applies to:	All elements
Inherited:	No

CSS Browser Support :

Internet Explorer 3+
Netscape 4+
Opera 3.6+
W3C's CSS Level 1+
CSS Profile 1.0
Web TV

CSS Property Description :

The font-weight property is used to specify the weight of the font. The bolder and lighter values are relative to the inherited font weight, while the other values are absolute font weights.

Note :
Note: Since not all fonts have nine possible display weights some of the weights may be grouped together in assignment. If the specified weight is not available, an alternate will be chosen on the following basis:

     css style sheets property font-weight 500 may be switched with 400, and vice versa
    100-300 may be assigned to the next lighter weight, if any, or the next darker weight otherwise
    600-900 may be assigned to the next darker weight, if any, or the next lighter weight otherwise

Some example font-weight assignments would be:

H1 { font-weight: 800 }
P { font-weight: normal }

CSS Bugs / Problems :

none

Adapted by style-sheets.com, maker of Style Studio, powerful CSS Editor for Windows.

Top

Home » CSS Tutorial » CSS Properties » font-weight

Related Links :