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
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: <divSTYLE="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".)
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: <spanSTYLE="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.