Skip to content

Try our new Crash Courses!

Buy one of our new Crash Courses, now hosted on Teachable.

Text transform – CSS



To change the capitalization of an element’s text using CSS, use the text-transform property:

selector {
  /* uppercase | lowercase | capitalize | none */
  text-transform: uppercase;


You can use the following values: uppercase, lowercase, capitalize, and none.

The uppercase value makes all of the letters uppercase.

The lowercase value makes all of the letters lowercase.

The capitalize value makes the first letter of each word capitalized.

The none value does not alter the capitalization of the element(s).


First, recreate the CSS code from the Demo section in your CSS file. Then try changing the value for the property.

Back to: CSS Reference > CSS Properties