The text-transform property is used in CSS and some HTML elements. This property specifies capitalization and lowercase effects which should be rendered on the selected text.


  • capitalize - The first letter on each word is capitalized and the other letters are unaffected.
  • uppercase - All letters are converted to uppercase.
  • lowercase - All letters are converted to lowercase.
  • none - No case change effects.

To apply this in HTML, use:

<span style="text-transform:capitalize;">capitalized text.</span>

That produces: Capitalized text.

Text using the uppercase value: All-caps text.

Text using the lowercase value: Lowercase text.

To apply this in CSS, in the h1 element for example, use:

h1 {

See Also

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.