Using lowercase to Convert Text to Lowercase

We can use lowercase to convert text to lowercase without JavaScript.

Version

TailwindCSS 3.0

lowercase

lowercase000

The paragraph is converted from uppercase to lowercase.

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
  <title>TailwindCSS</title>
</head>
<body>
  <p class="lowercase">SAM</p>
</body>

Line 10

<p class="lowercase">SAM</p>

lowercase : convert text to lowercase

Conclusion

lowercase is a handy utility to convert text to lowercase

Reference

TailwindCSS, Text Transform