CSS2 Test Suite: 15.2.3 font-stretch

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

The style declarations contained within this page:

.cln {font-stretch: narrower;}
.clw {font-stretch: wider;}
.cl1 {font-stretch: ultra-condensed;}
.cl2 {font-stretch: extra-condensed;}
.cl3 {font-stretch: condensed;}
.cl4 {font-stretch: semi-condensed;}
.cl5 {font-stretch: normal;}
.cl6 {font-stretch: semi-expanded;}
.cl7 {font-stretch: expanded;}
.cl8 {font-stretch: extra-expanded;}
.cl9 {font-stretch: ultra-expanded;}
div.parent {font-stretch: normal;}
div.inh1 {font-stretch: expanded;}
div.inh2 {font-stretch: ultra-condensed;}


[cl1] This text should have an ultra-condensed font, [cln] while this text should also be ultra-condensed [clw] and this text should be wider.

[cl2] This text should have an extra-condensed font, [cln] while this text should be narrower [clw] and this text should be wider.

[cl3] This text should have a condensed font, [cln] while this text should be narrower [clw] and this text should be wider.

[cl4] This text should have a semi-condensed font, [cln] while this text should be narrower [clw] and this text should be wider.

[cl5] This text should have a normal font, [cln] while this text should be narrower [clw] and this text should be wider.

[cl6] This text should have a semi-expanded font, [cln] while this text should be narrower [clw] and this text should be wider.

[cl7] This text should have a expanded font, [cln] while this text should be narrower [clw] and this text should be wider.

[cl8] This text should have an extra-expanded font, [cln] while this text should be narrower [clw] and this text should be wider.

[cl9] This text should have an extra-expanded font, [cln] while this text should be narrower [clw] and this text should also be ultra-expanded.


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

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