Text Transform

Defines the transformation of a text inside an element.

ClassProperties
lowercasetext-transform: lowercase;
uppercasetext-transform: uppercase;
capitalizetext-transform: capitalize;

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="flex flex-wrap align-items-center justify-content-center">
    <div class="surface-overlay border-round border-1 p-3 m-3 w-16rem h-16rem flex align-items-center justify-content-center">
        <p class="lowercase">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    </div>
    <div class="surface-overlay border-round border-1 p-3 m-3 w-16rem h-16rem flex align-items-center justify-content-center">
        <p class="uppercase">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    </div>
    <div class="surface-overlay border-round border-1 p-3 m-3 w-16rem h-16rem flex align-items-center justify-content-center">
        <p class="capitalize">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    </div>
</div>