One of the most underused and probably not well known features of CSS is the "text-transform" property. This handly little feature can save a lot of time for people who write blogs or web articles when it comes to making text all capitalized, all lowercase, or even capitalizing the first letter of all words.
For example, maybe you have an announcement to make and would really love for it to be in all capital letters to really get the attention of your readers. Of course you could always make sure to use caps lock while you write your message, but what if you've already written your message without caps lock? Do you really have to re-type it all again? The answer is no. By adding the css style of text-transform:uppercase, you have just saved yourself the trouble of re-typing your message.
Another example may be just the opposite. Maybe you have a message that you would like to be all lowercase. By adding text-transform:lowercase you can now rest assure that when your message is displayed, it will be in all lowercase letters.
Finally, the feature I find most useful of the three, capitalizing all the first letters of words. I can't tell you how many times I've gone to websites, even well known websites, and all of their article titles have only the first letter of the first word of the title capitalized. Proper titles really should have all the first letters capitalized. Fortunately they don't have to do much to fix this problem without even having to edit a single article that they have already written. By simply adding text-transform:capitalize to their titles, all of their titles will now have a proper title form.
|text-transform:normal||Here are a few examples of the text transform property|
|text-transform:uppercase||Here are a few examples of the text transform property|
|text-transform:lowercase||Here are a few examples of the text transform property|
|text-transform:capitalize||Here are a few examples of the text transform property|
But wait! Because this is such a useful feature, I've decided to create a useful tool below that can apply these text transformations to text with the click of a button! Try it out!
Enter text into the top text area and click one of the transform buttons to apply the text transformation.