Text transform

Syntax

Class
Properties
uppercase
text-transform: uppercase;
lowercase
text-transform: lowercase;
capitalize
text-transform: capitalize;
normal-case
text-transform: none;
<div class="t1 w-256 p-16 bg-c-white shadow-4 uppercase"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet ullamcorper neque. Donec placerat mi ut enim porttitor sagittis. </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Uppercase
t1 uppercase
.t1.uppercase { text-transform: uppercase; }
Lowercase
t1 lowercase
.t1.lowercase { text-transform: lowercase; }
Capitalize
t1 capitalize
.t1.capitalize { text-transform: capitalize; }
No case transformation.
t1 normal-case
.t1.normal-case { text-transform: none; }