CSS2 Test Suite: 15.2.3 font-weight
[index page] [section] [Previous] [Next] [Specification]
The style declarations contained within this page:
.cl1 {font-weight: bold;}
.cl2, B {font-weight: lighter;}
.cl3 {font-weight: bolder;}
.cl4 {font-weight: normal;}
.cl5w1 {font-weight: 100;}
.cl5w2 {font-weight: 200;}
.cl5w3 {font-weight: 300;}
.cl5w4 {font-weight: 400;}
.cl5w5 {font-weight: 500;}
.cl5w6 {font-weight: 600;}
.cl5w7 {font-weight: 700;}
.cl5w8 {font-weight: 800;}
.cl5w9 {font-weight: 900;}
div.parent {font-weight: normal;}
div.inh1 {font-weight: bold;}
div.inh2 {font-weight: 900;}
[cl1] The font for this paragraph should be bold.
[cl1] The font for this paragraph should be bold, but the last three words in the sentence [cl2] should be normal.
[B] The font for this bold element should be normal (boldface made lighter).
[cl3] The font for this paragraph should be bolder than normal.
This is a heading-4.
[cl3] This is a bolder heading-4.
- [cl5w1] The font for this list item should be weight 100.
- [cl5w2] The font for this list item should be weight 200.
- [cl5w3] The font for this list item should be weight 300.
- [cl5w4] The font for this list item should be weight 400.
- [cl5w5] The font for this list item should be weight 500.
- [cl5w6] The font for this list item should be weight 600.
- [cl5w7] The font for this list item should be weight 700.
- [cl5w8] The font for this list item should be weight 800.
- [cl5w9] The font for this list item should be weight 900.
The following list should contain list items in which the content of each item is the same weight.
- [cl4] normal, [cl5w4] 400
- [cl1] bold, [cl5w7] 700
[div.parent] This DIV has been set with parental styles. The inline elements within this DIV are enclosed in square brackets in order to more easily discern their placement.
[div.inh1] This DIV should use a normally weighted font for its display, as it has a style attribute set to inherit the font-weight
value. [/div.inh1]
[div.inh2] This DIV should use a normally weighted font for its display, as it has a style attribute set to inherit the font-weight
value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]
[index page] [section] [Previous] [Next] [Specification]