text-transform

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
CSS CSS1
Default value none
Inherited Yes
Applied To all elements
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/text.html#propdef-text-transform
Description
It operates by transformation of the element text into head or capital symbols. When value is distinct from none, the register of the initial text will be changed.

Syntax

text-transform: capitalize | lowercase | uppercase | none
Arguments
capitalize
Every word in the sentence will begin from a head symbol.
lowercase
All text symbols become capital (lower case)
uppercase
All text symbols become capitalized (upper case)

Example

 
<!--
   H1 { 
    text-transform: uppercase; /* Capital letters */
   }
   P { 
    text-transform: capitalize; /* Every word begins from the capital letter */
   }
 
-->
<h1>Lorem ipsum dolor sit amet</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
  lobortis nisl ut aliquip ex ea commodo consequat.
The result of this example is shown on the figure 1

Object model
[window.]document.getElementById("elementID").style.textTransform
Tape Backup
Private Cloud
IT disaster recovery
Differential Backup