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.
Tweet
Related Entries
- Web Design Tips for Programmers - October 28, 2008
- CSS Techniques Roundup - 20 CSS Tips and Tricks - September 22, 2005
Trackbacks
Trackback Address: 635/F4DC5F52DC24F6B81D3FB2D4E91C82EC
Comments
On 02/13/2008 at 10:21:57 AM EST Justice McCay wrote:
1
Thank you!
On 07/30/2008 at 6:38:12 PM EDT fedmich wrote:
2
Thanks for this :)
On 09/26/2010 at 12:05:35 AM EDT Martin @ postcard marketing wrote:
3
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:
4
Sorry your comment is too short please make it more than 10 characters.
On 08/27/2011 at 6:49:06 PM EDT Kadir wrote:
5
Thanks for this
Post a Comment
Recent Entries
- Nginx redirect www to non www domain
- HashDOS and ColdFusion
- HackMyCF Updated for APSB11-29 Security Hotfix
- Adobe eSeminar on FuseGuard
- Determining Which Cumulative Hotfixes are Installed on ColdFusion
- Adding Two Factor Authentication to ColdFusion Administrator
- ColdFusion Developer Week at Adobe.com
- Bug Loading Scripts for CFFileUpload and CFMediaPlayer


add to del.icio.us


