text-transform
Sets the rendering of the text in the object.
sTransform
String that specifies or receives one of the following values:
none | Default. Text is not transformed. |
capitalize | Transforms the first character of each word to uppercase. |
lowercase | Transforms all the characters to lowercase. |
uppercase | Transforms all the characters to uppercase. |
The property has a default value of none. The cascading style sheet property is inherited.
The following example uses the text-transform property to transform a block of text from lowercase to uppercase when the user moves the pointer over the text. The text is transformed back to lowercase when the user clicks the text. This example uses three calls to an embedded (global) style sheet to transform the text:
<style>
.transform1 {text-transform:uppercase}
.transform2 {text-transform:lowercase}
.transform3 {text-transform:none }
</style>
</head>
<body>
<div style="font-size:14"
onmouseover="this.className='transform1'"
onclick= "this.className='transform2'"
ondblclick="this.className='transform3'">
:
</div>
This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1).
A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, FIELDSET, FORM, HN, HTML, I, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OL, P, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP
