CSS Uppercase / All Caps

June 07, 2006
web

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.



Related Entries

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

Comments

Thank you!
Thanks for this :)
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
Sorry your comment is too short please make it more than 10 characters.
Thanks for this
Thank for this code
Thanks, it worked :)

Post a Comment




  



Spell Checker by Foundeo

Recent Entries



foundeo


did you hack my cf?