| Type: | "none", "capitalize", "lowercase", "uppercase" |
|---|---|
| Inherited: | yes |
| Used By: | All text elements |
| See: | font-variant |
This attribute transforms the text so that either the first letter of each word is capitalized, the whole text is made lowercase or the whole text is made uppercase. This is different to font-variant because it alters the actual text, not just the font.
Two things to note about this method are that the effect can be language dependent (specifically, for Turkish locales the lowercase and uppercase "i" follow the Turkish rules), and that for text containing the german "ß" character the length may increase or decrease, which might affect those doing layout with fixed-width fonts.
This would place the string THIS IS IN UPPERCASE into the document
<p text-transform="uppercase">This is in uppercase</p>