Skip to content

CSS Text Transformation

How to use the text-transform CSS property to control text case (uppercase, lowercase, or capitalize) with practical code examples and visual demonstrations.

Text Transformation

The text-transform property is used to specify uppercase and lowercase letters in a text.

It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word:

p.uppercase {  
	text-transform:  uppercase;  
}  
  
p.lowercase {  
	text-transform:  lowercase;  
}  
  
p.capitalize {  
	text-transform:  capitalize;  
}

Example text transformation

Navigation