|
July 26, 1998
 |
 |
Putting Style Sheets in Perspective
text-transform
|
- Initial Value:
- none
- Allowed Values:
- capitalize
- uppercase
- lowercase
- none
- Applies to:
- All elements
- Inherited?:
- yes
|
capitalize
The capitalize property capitalizes the first letter of each word.
uppercase
Uppercase transforms everything inside the containing element to
uppercase letters.
lowercase
All characters are lowercase.
<STYLE TYPE="text/css">
<!--
.cap {text-transform: capitalize;}
-->
</STYLE>
</HEAD><BODY>
<SPAN class="cap">capitalized text</SPAN>>
|
capitalized text
|
<STYLE TYPE="text/css">
<!--
.up {text-transform: uppercase;}
-->
</STYLE>
</HEAD><BODY>
<SPAN class="up">all upper case text</SPAN>
|
all upper case text |
<STYLE TYPE="text/css">
<!--
.low {text-transform: lowercase;}
-->
</STYLE>
</HEAD><BODY>
<SPAN class="low">Lowercase text</SPAN>
|
Lowercase text
|
|
Notice in the examples that even though the source text is
typed opposite from the property setting, it displays
according to the value set in the property.
|
Additional Resources:
Putting Style Sheets in Perspective: text-decoration
Putting Style Sheets in Perspective: Table of Contents
Putting Style Sheets in Perspective: Part 2 Summary
|
