1. Home
  2. Computing & Technology
  3. Web Design / HTML

text-transform

By , About.com Guide

text-transform Description:

The text-transform property defines the case of the element text, ignoring the case of the text in the document.

text-transform in CSS Versions:
text-transform Syntax:

text-transform: capitalize | uppercase | lowercase | none | inherit

  • capitalize
    Make the first character of each word uppercase.
  • uppercase
    Make every character uppercase.
  • lowercase
    Make every character lowercase.
  • none
    Remove any inherited value and display the text as it's written.
  • inherit
    The element should have the same text-transform setting as the parent.
text-transform Initial Value:

none

text-transform Applies To:

All elements.

text-transform Inheritance:

This property is inherited.

text-transform Browser Support:
text-transform Examples:

Uppercase

<p style="text-transform: uppercase;>
The text in this paragraph is uppercase.
</p>

text-transform Special Notes:
  • Be sure to check your pages when you use "capitalize" as you may get unexpected results.
More text-transform Information:

Return to the Style Library

Explore Web Design / HTML
About.com Special Features

The Best Web Trends of the Decade

A look back at the best innovations, ideas and technologies over the last 10 years, More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Style Properties
  6. CSS Style Property: text-transform>

©2010 About.com, a part of The New York Times Company.

All rights reserved.