Difference between revisions of "Text-transform"

From Htmlpedia
Jump to: navigation, search
m
 
Line 1: Line 1:
 
==CSS 1 property: text-transform==
 
==CSS 1 property: text-transform==
  
This article is a stub for the property text-transform. Please help us improve HTMLpedia by improving this article.
+
This property controls capitalization effects of an element's text. Values have the following meanings:
 +
; capitalize : Puts the first character of each word in uppercase; other characters are unaffected.
 +
; uppercase : Puts all characters of each word in uppercase.
 +
; lowercase : Puts all characters of each word in lowercase.
 +
; none : No capitalization effects.
  
 
===Property Values===
 
===Property Values===
Line 7: Line 11:
 
This property accepts the following values:
 
This property accepts the following values:
  
* none
+
* none (default)
 
* capitalize
 
* capitalize
 
* uppercase
 
* uppercase
Line 51: Line 55:
 
| IE 7
 
| IE 7
 
| <span style="color:#007700">Full</span>
 
| <span style="color:#007700">Full</span>
|}
 
 
{| class="wikitable sortable" border="1"
 
! Browser !! text-transform support
 
 
|-
 
|-
 
| NS 3
 
| NS 3
Line 73: Line 73:
 
| NS 8
 
| NS 8
 
| unknown
 
| unknown
|}
 
 
{| class="wikitable sortable" border="1"
 
! Browser !! text-transform support
 
 
|-
 
|-
 
| Firefox 1
 
| Firefox 1

Latest revision as of 18:58, 8 September 2007

CSS 1 property: text-transform

This property controls capitalization effects of an element's text. Values have the following meanings:

capitalize 
Puts the first character of each word in uppercase; other characters are unaffected.
uppercase 
Puts all characters of each word in uppercase.
lowercase 
Puts all characters of each word in lowercase.
none 
No capitalization effects.

Property Values

This property accepts the following values:

  • none (default)
  • capitalize
  • uppercase
  • lowercase

Example

Good
<style type="text/css">
     #html_id { text-transform: uppercase; }
</style>
...
<p id="html_id">Contents</p>

Browser Support

If you have tested support for this property in any of the following browsers, please indicate its level of support using one of the following keywords:

  • Full
  • Partial
  • Buggy
  • None

If you indicate that support is "Partial" or "Buggy," please add further comments explaining what's missing or what doesn't work right.

Browser text-transform support
IE 3 unknown
IE 4 unknown
IE 5 unknown
IE 5.5 unknown
IE 6 unknown
IE 7 Full
NS 3 unknown
NS 4 unknown
NS 4.5 unknown
NS 6 unknown
NS 7 unknown
NS 8 unknown
Firefox 1 unknown
Firefox 1.5 unknown
Firefox 2 Full
Mozilla unknown
Opera 6 unknown
Opera 7 unknown
Opera 8 unknown
Opera 9 Full
Safari 3 Full *1

*1: tested with: Safari for Windows 3.0.3

Tips and Tricks

If you know of any useful or uncommon tips or techniques using this property, please describe them here.

References