點燈坊

失くすものさえない今が強くなるチャンスよ

Using uppercase to Convert Text to Uppercase

Sam Xiao's Avatar 2022-01-24

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

Version

TailwindCSS 3.0

uppercase

uppercase000

The paragraph is converted from lowercase to uppercase.

<!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="uppercase">sam</p>
</body>

Line 10

<p class="uppercase">sam</p>
  • uppercase : convert text to uppercase

Conclusion

  • uppercase is a handy utility to convert text to uppercase

Reference

TailwindCSS, Text Transform