Home | About | Help Center | Privacy Policy

August 5th, 2009

How to change CSS for converting text to upper case, lower case, or to capitalize


cssed thumb How to change CSS for converting text to upper case, lower case, or to capitalizeIn menus, sidebars or in heading we often require to change the text properties from uppercase to lowercase. Changing the whole contents is not possible on different pages and the best solution is the transform the texts from CSS controls. The CSS property used to defined the change is “text-transform: value”.

The various possibilities of the transforms are uppercase, lowercase, capitalize , inherit or none.

    text-transform: none;
    text-transform: uppercase;
    text-transform: lowercase;
    text-transform: capitalize;
    text-transform: inherit;
  • text-transform: none – It is the default property where is takes the default value of text.
  • text-transform: uppercase – It convert the whole set of text into uppercase i.e output will be “TRANSFORMED TO UPPERCASE”.
  • text-transform: lowercase – It convert the whole set of text into lowercase i.e output will be “transformed to lowercase”.
  • text-transform: capitalize – It transform the first letter of every word into capital letter i.e output will be “Transformed To Capitalize”.


You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackbackfrom your own site.

Subscribe to our FREE Rss Feed

Hot in Social Media


10 Ways Social Media Can Help Your Business

10 Best Social Media Case Studies

10 Tips To Become Social Without Using Social Media

Top 10 Tips To Enhance Personal Branding

What's Hot

Similar Interesting Posts

Tutorials On

Leave a Reply

CommentLuv Enabled

Additional comments powered by BackType

    Follow @honeytech On Twitter

    @babychen Yeah, One can create Huffingtonpost with the help of WP, twicks, custom plugins & content structuring. ;P
  • Subscribe For Tips


  • Top Fans Of The Day

  • Sponsors Zone

Hot Tags

mobile ubuntu Web design open source browser Social blogging google Linux iphone Internet tips Windows How to free Firefox mistakes WordPress Plugin Designs Social media