How to Change Text Case using CSS

Posted on 26 June, 2010 under Technology with Post a Comment

Even though we have re-targeted our content for a wider audience, don’t thing that we have forget our friends out there who are interested in learning more on Web Development. Today we have a new tutorial for our beginner friends who wants to know “How to Change Text Case Using CSS”.

Example of Changing Text with CSS.

Example Phrase: KeronCalame.Com

To force text to display as lowercase:
text-transform: lowercase;

Output of example phrase using this style in css:
keroncalame.com

To force text to display as uppercase:
text-transform: uppercase;

Output of example phrase using this style in css:
KERONCALAME.COM

To force text to display as Sentencecase:
text-transform: capitalize;

Output of example phrase using this style in css:
Keron Calame.Com

Share This Article:

Share

Tweet

Leave a Reply