CSS Uppercase / All Caps

June 07, 2006

Need to know how to make text all uppercase or in all caps with CSS? Add the following to your CSS stylesheet:

div.uppercase { text-transform: uppercase; }

That will take all the letters and capitalize them. If you only want the first letter of each word to be in upper case, then use capitalize in the text-transform property.

div.caps { text-transform: capitalize; }

Check out my CSS Cheat Sheet for more handy css tricks.

Permalink | Add Comment |

add to del.icio.us | Tags: css, uppercase, caps, stylesheets, tips

Related Entries

Web Design Tips for Programmers - October 28, 2008
CSS Techniques Roundup - 20 CSS Tips and Tricks - September 22, 2005

22 people found this page useful, what do you think?

Trackbacks

Trackback Address: 635/F4DC5F52DC24F6B81D3FB2D4E91C82EC

Comments

On 02/13/2008 at 10:21:57 AM EST Justice McCay wrote:

Thank you!

On 07/30/2008 at 6:38:12 PM EDT fedmich wrote:

Thanks for this :)

On 09/26/2010 at 12:05:35 AM EDT Martin @ postcard marketing wrote:

Hi...excellent I used your all caps css and it 'uplifted' the look of my site. The other thing I want to do with the all caps is space them out about (space between letters). I'll look in your tutorial for that. Thanks, Martin

On 12/17/2010 at 5:14:50 AM EST sandeep wrote: