Change the capitalization of text.
Syntax
text-transform: none | capitalize | lowercase |uppercase | inherit ;
none - Don't change the capitalization. (default)
capitalize - Transform the first character of each word to uppercase.
uppercase - Transform all characters to UPPER CASE.
lowercase - Transform all characters to lower case
inherit - inherit from the parent element.
Examples:
h1 { text-transform: uppercase; }
.emw3class { text-transform: capitalize; }
#emw3id { text-transform: lowercase; }
Try it:
It is very quick and convenient to transform UPPER, lower and MiXeD case text using just CSS but be aware that when copied to the clipboard, the original case of the text will be preserved. |
(CSS 1) Browser Support: All major browsers.
On IE 8 and IE 9 text-transform can cause a browser crash if used in conjuntion with filter:
“Some painters transform the sun into a yellow spot; others transform a yellow spot into the sun” ~ Pablo Picasso
Related:
text-align - Horizontal alignment of text.
text-decoration - Add decoration to text.
text-indent - Indent the first line in a text-block.
text-overflow - What should happen when text overflows the containing element.
text-shadow - Add a shadow to text.