How do you change text to all uppercase using CSS?

« View all CSS articles

January 10, 2007

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

Use the text-transform property to capitalize text using CSS.

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

CSS is fun to learn.
.caps {
  text-transform: uppercase;
}

<p class="caps">
CSS is fun to learn.
</p>
The result is:
CSS IS FUN TO LEARN.