font-weight

value: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
initial value: normal or bold depending on tag
inherited: yes
percentages: N/A
applicable to: all elements

The font-weight property is used to make a text element a lighter or heavier weight font.

The value range of normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit,can be used to apply a range of weights to a font. Keep in mind that not all font-families will have the full range available for the font.

The user-agent, or browser, will automatically make the heading fonts <h1> through <h6> bold. The font-weight property can be used to make a heading tag to be a normal or lighter weight font. <p>, <li>, <td> tags are set to normal weight, unless changed with the font-weight property.

This property is inherited, so if a parent element has a font-weight of bold, the child elements will as well.

Example:

h3.golight {font-weight: lighter;}p.heavyweight {font-weight: bold}

This text is <h3 class="golight">.

This text is <p class="heavyweight">.