How to Convert Text to Lowercase using CSS?

CSS – Convert Text to Lowercase

To convert text to lowercase in HTML Element(s) using CSS, assign text-transform CSS property with the value lowercase for the HTML Element(s).

The syntax to set text-transform property for the HTML Element is

text-transform: lowercase;

Examples

Transform Text in Paragraph to Lowercase

In the following example, we convert the text in the paragraph element with id p1 to lowercase.

Example

Transform Text in Heading, Anchor Text to Lowercase

In the following example, we convert the text in the heading, and anchor text, to lowercase.

Example

Conclusion

In this CSS Tutorial, we learned how to transform text in HTML Element(s) to lowercase alphabets using CSS.