Skip to main content

Text Transform

Read about how you can use text transform for your elements.

ClassProperties
tt-uppercasetext-transform: uppercase;
tt-nonetext-transform: none;
tt-capitalizetext-transform: capitalize;
tt-lowercasetext-transform: lowercase;
tt-reverttext-transform: revert;
tt-inherittext-transform: inherit;

Basic Usage

This is a paragraph with text-transform-uppercase class.

This is a paragraph with text-transform-none class.

This is a paragraph with text-transform-capitalize class.

This is a paragraph with text-transform-lowercase class.

<p class="tt-uppercase ...">
This is a paragraph with text-transform-uppercase class.
</p>
<p class="tt-none ...">This is a paragraph with text-transform-none class.</p>
<p class="tt-capitalize ...">
This is a paragraph with text-transform-capitalize class.
</p>
<p class="tt-lowercase ...">
This is a paragraph with text-transform-lowercase class.
</p>