How do you change text to lowercase using CSS?

« View all CSS articles

July 12, 2007

Related Content
• How do you change text to all uppercase using CSS?
• How do you capitalize text using CSS?

Use the text-transform property to change text to lowercase using CSS.

In this example we will change everything to lowercase for the following sentence:

CSS is fUN to Learn.
.lcase {
  text-transform: lowercase;
}

<p class="lcase">
CSS is fUN to Learn.
</p>
The result is:
css is fun to learn.