Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Revision 25160 of text-transform

  • Revision slug: CSS/text-transform
  • Revision title: text-transform
  • Revision id: 25160
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment

Revision Content

{{template.CSSRef()}}

Summary

The text transform CSS property specifies capitalization and lowercase effects of an element's text should be rendered.

  • {{template.Xref_cssinitial()}}: {{template.Cssxref("none")}}
  • Applies to: all elements
  • {{template.Xref_cssinherited()}}: yes
  • Percentages: n/a
  • Media: {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}}: as specified

Syntax

text-transform : capitalize | uppercase | lowercase| none

Values

capitalize
First letter on each word is uppercase and other letter unaffected.
uppercase
All letters are converted to uppercase.
lowercase
All letters are converted to lowercase.
none
No case change effects.

Examples

{{template.CSSRefExampleLink("text-transform")}}

p::first-line {
  text-transform: uppercase;
}

Notes

Specifications

Browser compatibility

Browser Lowest Version
Internet Explorer ?
Firefox ?
Netscape ?
Opera ?
Safari ?


See also

{{wiki.template('CSS_Reference:Text')}}

uncomment as required {{mediawiki.internal('Category:NeedsContent', "en")}} {{mediawiki.internal('Category:NeedsAttention', "en")}} {{mediawiki.internal('Category:NeedsExample', "en")}} {{mediawiki.internal('Category:NeedsImageCleanup', "en")}} {{mediawiki.internal('Category:NeedsMarkupWork', "en")}} {{mediawiki.internal('Category:NeedsRewrite', "en")}} {{mediawiki.internal('Category:NeedsTechnicalReview', "en")}} {{mediawiki.internal('Category:NeedsEditorialReview', "en")}} {{mediawiki.internal('Category:NeedsUpdate', "en")}}

Revision Source

<p> 
{{template.CSSRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p>The text transform CSS property specifies capitalization and lowercase effects of an element's text should be rendered.
</p>
<ul><li> {{template.Xref_cssinitial()}}: {{template.Cssxref("none")}} 
</li><li> Applies to: all elements
</li><li> {{template.Xref_cssinherited()}}: yes
</li><li> Percentages: n/a
</li><li> Media: {{template.Xref_cssvisual()}}
</li><li> {{template.Xref_csscomputed()}}: as specified 
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">text-transform : capitalize | uppercase | lowercase| none
</pre>
<h3 name="Values"> Values </h3>
<dl><dt>capitalize</dt><dd> First letter on each word is uppercase and other letter unaffected.
</dd><dt>uppercase</dt><dd> All letters are converted to uppercase.
</dd><dt>lowercase</dt><dd> All letters are converted to lowercase.
</dd><dt>none</dt><dd>  No case change effects. 
</dd></dl>
<h3 name="Examples"> Examples </h3>
<p>{{template.CSSRefExampleLink("text-transform")}}
</p>
<pre class="eval">p::first-line {
  text-transform: uppercase;
}
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> Specifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/text.html#caps-prop">CSS level 2 revision 1</a> 
</li><li> <a class="external" href="http://www.w3.org/TR/CSS1#text-transform">CSS level 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-text/">W3C Cascading Style Sheets, level 3</a> (not yet ready)
</li></ul>
<h3 name="Browser_compatibility"> Browser compatibility </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Browser</th>
    <th>Lowest Version</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>?</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>?</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>?</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>?</td>
  </tr>
  <tr>
    <td>Safari</td>
    <td>?</td>
  </tr>
</tbody></table>
<p><br>
</p>
<h3 name="See_also"> See also </h3>
<p>{{wiki.template('CSS_Reference:Text')}}
</p><p><span class="comment">uncomment as required {{mediawiki.internal('Category:NeedsContent', "en")}} {{mediawiki.internal('Category:NeedsAttention', "en")}} {{mediawiki.internal('Category:NeedsExample', "en")}} {{mediawiki.internal('Category:NeedsImageCleanup', "en")}} {{mediawiki.internal('Category:NeedsMarkupWork', "en")}} {{mediawiki.internal('Category:NeedsRewrite', "en")}} {{mediawiki.internal('Category:NeedsTechnicalReview', "en")}} {{mediawiki.internal('Category:NeedsEditorialReview', "en")}} {{mediawiki.internal('Category:NeedsUpdate', "en")}}</span>
</p>
Revert to this revision