CSS2 Test Suite: 16.5 text-transform

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

The style declarations contained within this page:

.ttn {text-transform: none;}
.cap {text-transform: capitalize;}
.upp {text-transform: uppercase;}
.low {text-transform: lowercase;}
div.parent {text-transform: none;}
div.inh1 {text-transform: uppercase;}
div.inh2 {text-transform: lowercase;}


[ttn] This page tests the 'text-transform' property of CSS1. This paragraph has no text transformation and should appear normal.

[cap] This paragraph is capitalized and the first letter in each word should therefore appear in uppercase. Words that are in uppercase in the source (e.g. USA) should remain so. There should be a capital letter after a non-breaking space ( ). Both those characters appear in the previous sentence.

Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this sentence should have one, and only one, capital [cap] letter.

[upp] This paragraph is uppercased and small characters in the source (e.g. a and å) should therefore appear in uppercase. In the last sentence, however, [ttn] the last eight words should not be uppercase.

[low] This paragraph is lowercased and capital characters in the source (e.g. A and Å) should therefore appear in lowercase.


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

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