CSS2 Test Suite: 15.2.5 font

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.cl1 {font: bold 12px monospace;}
.cl2 {font: 700 italic small-caps 16px/12px Helvetica, sans-serif;}
.cl3 {font: 1em/1.0 serif;}
.cl-sys-a {font: caption;}
.cl-sys-b {font: icon;}
.cl-sys-c {font: menu;}
.cl-sys-d {font: message-box;}
.cl-sys-e {font: small-caption;}
.cl-sys-f {font: status-bar;}
div.parent {font: normal normal normal medium sans-serif;}
div.inh1 {font: bold italic small-caps 28px serif;}
div.inh2 {font: normal oblique small-caps 0.8em cursive;}


[p.cl1] This paragraph should use a boldfaced 12px monospace font. [/p.cl1]

[p.cl2] This paragraph should use a boldfaced italic small-caps 16px sans-serif font (Helvetica if available) with a line-height of 12px, which should cause the lines to overlap ever so slightly. [/p.cl2]

[p.cl3] This paragraph should use a normal medium-size serif font. [/p.cl3]

[p.cl-sys-a] This paragraph should use the system font for captioned controls (e.g. buttons, drop-downs, etc.). [/p.cl-sys-a]

[p.cl-sys-b] This paragraph should use the system font for icon labels. [/p.cl-sys-b]

[p.cl-sys-c] This paragraph should use the system font for menu entries (e.g., dropdown menus and menu lists). [/p.cl-sys-c]

[p.cl-sys-d] This paragraph should use the system font for dialog boxes. [/p.cl-sys-d]

[p.cl-sys-e] This paragraph should use the system font for labelling small controls. [/p.cl-sys-e]

[p.cl-sys-f] This paragraph should use the system font for window status bars. [/p.cl-sys-f]


[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 normal medium-size sans-serif font for its display, as it has a style attribute set to inherit the font value. [/div.inh1]
[div.inh2] This DIV should use a normal medium-size sans-serif font for its display, as it has a style attribute set to inherit the font value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]

[index page] [section] [Previous] [Next] [Specification]