Export (0) Print
Expand All

text-transform

Sets the rendering of the text in the object.

{ text-transform: sTransform }

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>

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

Community Additions

ADD
Show:
© 2014 Microsoft