in , ,

CSS Text Transformation

CSS Text Transformation
CSS Text Transformation

CSS Text Transformation

CSS Text Transformation: The text-transform property changes the capitalization of text inside an element, or, else directs the user agent to leave the capitalization “as is.”

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:


<!DOCTYPE html>
p.uppercase {
  text-transform: uppercase;

p.lowercase {
  text-transform: lowercase;

p.capitalize {
  text-transform: capitalize;

<p class="uppercase">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>


Thanks for reading! We hope you found this tutorial helpful and we would love to hear your feedback in the Comments section below. And show us what you’ve learned by sharing your projects with us.

salman khan

Written by worldofitech

Leave a Reply

CSS Text Decoration

CSS Text Decoration

CSS Text Spacing

CSS Text Spacing