The style declarations contained within this page:
.ttn {text-transform: none;}
.cap {text-transform: capitalize;}
.upp {text-transform: uppercase;}
.low {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.
text-transform: lowercase. It contains a paragraph with a class of upp, but also an inline style which sets text-transform: inherit. Thus, the paragraph should be lowercase, not uppercase. And now:
[upp] This is the paragraph, which should be lowercase. The paragraph ends here.
Here we return to the DIV, which also ends here.