Convert text to lowercase with CSS

Javascript Web Development Front End Scripts

To convert text to lowercase with CSS, use the text-transform property with value lowercase.

Example

You can try to run the following code to convert text to lowercase:

<html>
   <head>
   </head>
   <body>
      <p>Normal Text</p>
      <p style = "text-transform:lowercase;">
         Normal Text! This will be in lowercase!
      </p>
   </body>
</html>

Samual Sam

Published on 13-Apr-2018 11:33:17

Related Questions & Answers
Convert text to uppercase with CSS
Convert spaces to dash and lowercase with PHP
Underline text with CSS
Strikethrough text with CSS
Capitalize text with CSS
Indent Text with CSS text-indent Property
Convert string to lowercase or uppercase in Arduino
Text Indentation Working with CSS
Text Transformation Working with CSS
How to convert Python dictionary keys/values to lowercase?
Add shadow effects to text with CSS
How to style text buttons with CSS?
Set the text shadow around a text with CSS
Emphasis text and color with CSS
Setting Text Color Working with CSS

Previous Page Print Page