Export (0) Print
Expand All
top
Expand Minimize

text-transform

Sets the rendering of the text in the object.

Syntax

{ text-transform: sTransform }

Possible values

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.

Examples

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>

Standards information

This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1) Ee371207.xtlink_newWindow(en-us,Expression.40).png.

Applies to

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

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.

Community Additions

ADD
Show:
© 2014 Microsoft