Text-Transform

text-transform Support Key: [*CSS1\|CSS2] [IE4B1\|N4B2\|O3.5*]	Other Text Properties
	word-spacing letter-spacing white-space word-wrap text-align	text-align-last text-decoration text-shadow text-indent text-underline-position
= Index DOT Css by Brian Wilson =

What is it?: This property sets the casing style for a section of text. Content may not be affected if it is not in the ISO 8859-1 character set or does not have an applicable alternate case character to convert to.

Allowed Values
inherit
[CSS2] [N6|O4]: Type: Explicit; Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS1|CSS2] [IE4B1|N4B2|O3.5]: Type: Explicit; Description:
No transforming is done. This neutralizes the inherited value.
capitalize
[CSS1|CSS2] [IE4B1|N4B2|O3.5]: Type: Explicit; Description:
Uppercases the first letter of every word.
uppercase
[CSS1|CSS2] [IE4B1|N4B2|O3.5]: Type: Explicit; Description:
All text in the section is forced to upper case.
lowercase
[CSS1|CSS2] [IE4B1|N4B2|O3.5]: Type: Explicit; Description:
All text in the section is forced to lower case.

Example: Ext/Doc: div { text-transform: capitalize }; In-Line: <div STYLE="text-transform: capitalize">This is a capitalization test.</div>

Notes

CSS1 Conformance: Any element with content not from the ISO-8859-1 character set may ignore this property (treat it as though the value were set to "none".)
The "capitalize" value only appears to act upon the first characters of each word. If characters other than the first character in a word are already capitalized, they will remain capitalized (eg: if a phrase is all-caps, it will remain all-caps if this property value is applied.)

Browser Peculiarities

Netscape

4.x:
- Non-ASCII characters with different upper/lower case versions can not be transformed with this property.
- When a word contains a nested element, the first character in the word following the nested element will use the value of the 'text-transform' property. (eg: <span STYLE="text-transform: capitalize">text<b>foo</b>zoo</span> would result in the letter "z" being capitalized in addition to the first letter "T".)
- The non-breaking space ( / ) is not considered to be a word breaking character - it should be.
- This property does not inherit to child elements like it should.
Opera

3.5:
- The non-breaking space ( / ) is not considered to be a word breaking character - it should be.