Text

Text Transform

Style syntax for controlling capitalization of text.

Class	Declarations
`text-transform:transform` `/` `text:transform` `/` `t:transform`	`text-transform: transform`
`text-transform:none`	`text-transform: none`
`capitalize`	`text-transform: capitalize`
`lowercase`	`text-transform: lowercase`
`uppercase`	`text-transform: uppercase`

capitalize

Heavy Boxes Perform Quick Waltzes And Jigs.

lowercase

heavy boxes perform quick waltzes and jigs.

uppercase

HEAVY BOXES PERFORM QUICK WALTZES AND JIGS.

uppercase::first-letter

Heavy boxes perform quick waltzes and jigs.

text-transform:none

heavy boxes perform quick waltzes and jigs.

Basic usage

Convert the first letter of each word to uppercase.

Heavy Boxes Perform Quick Waltzes And Jigs.

<p class="capitalize">
    heavy boxes perform quick waltzes and jigs.
</p>

Convert all characters to lowercase.

heavy boxes perform quick waltzes and jigs.

<p class="lowercase">
    HEAVY BOXES PERFORM QUICK WALTZES AND JIGS.
</p>

Convert all characters to uppercase.

HEAVY BOXES PERFORM QUICK WALTZES AND JIGS.

<p class="uppercase">
    heavy boxes perform quick waltzes and jigs.
</p>

Capitalize the first letter of a sentence.

Heavy boxes perform quick waltzes and jigs.

<p class="uppercase::first-letter">
    heavy boxes perform quick waltzes and jigs.
</p>

Apply styles in different states using selectors, media queries, etc.

<div class="uppercase:hover uppercase@sm uppercase@dark uppercase@print">…</div>