text-transform

Article
10/10/2017

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