Text transform property in CSS

Posted Date: 01 Nov 2008	Resource Type: Code Snippets	Category: Html
Author: Shanthi M	Member Level: Gold
Rating:	Points: 7

The following code snippet shows how to control the letters in an element using text-transform property in Cascading Style Sheet(CSS).


//Paste the code into style tag
p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}

//Paste the code into paragraph tag
class="uppercase">This is in uppercase
//Paste the code into paragraph tag
class="lowercase">This is in lowercase
//Paste the code into paragraph tag
class="capitalize">This is in capitalize

Responses

Author: Santhi 11 Nov 2008 Member Level: Gold Points : 1

p { text-transform: capitalize; }
h4{ text-transform: lowercase;}
h2{ text-transform: uppercase; }

Feedbacks

Popular Tags

What are tags ?

Search Tags

Text transform property in CSS .

Post Feedback

This is a strictly moderated forum. Only approved messages will appear in the site. Please use 'Spell Check' in Google toolbar before you submit.
You must Sign In to post a response.

	Next Resource: How to use MARQUEE in HTML
	Previous Resource: Code to validate email address
	Return to Discussion Resource Index
	Post New Resource
	Category: Html

Post resources and earn money!

Related Resources