text-transform Examples
See How the text-transform CSS Property Works
Return to the text-transform information
Return to the Fancy Text Article
No Transformations
Duis aute irure dolor lorem ipsum dolor sit amet, ut enim ad minim veniam. Sunt in culpa ut labore et dolore magna aliqua. Ullamco laboris nisi cupidatat non proident, excepteur sint occaecat. Mollit anim id est laborum.
<p style="text-transform: none;">Duis aute irure dolor lorem ipsum dolor sit amet, ut enim ad minim veniam. Sunt in culpa ut labore et dolore magna aliqua. Ullamco laboris nisi cupidatat non proident, excepteur sint occaecat. Mollit anim id est laborum.</p>
Return to the text-transform information
Return to the Fancy Text Article
Capitalize
Ut enim ad minim veniam, consectetur adipisicing elit, in reprehenderit in voluptate. Eu fugiat nulla pariatur. Velit esse cillum dolore ut aliquip ex ea commodo consequat. Ut labore et dolore magna aliqua. Duis aute irure dolor quis nostrud exercitation eu fugiat nulla pariatur.
<p style="text-transform: capitalize;">Ut enim ad minim veniam, consectetur adipisicing elit, in reprehenderit in voluptate. Eu fugiat nulla pariatur. Velit esse cillum dolore ut aliquip ex ea commodo consequat. Ut labore et dolore magna aliqua. Duis aute irure dolor quis nostrud exercitation eu fugiat nulla pariatur.</p>
Return to the text-transform information
Return to the Fancy Text Article
Uppercase
Eu fugiat nulla pariatur. Consectetur adipisicing elit, duis aute irure dolor excepteur sint occaecat. Ullamco laboris nisi in reprehenderit in voluptate mollit anim id est laborum.
<p style="text-transform: uppercase;">Eu fugiat nulla pariatur. Consectetur adipisicing elit, duis aute irure dolor excepteur sint occaecat. Ullamco laboris nisi in reprehenderit in voluptate mollit anim id est laborum.</p>
Return to the text-transform information
Return to the Fancy Text Article
Lowercase
Ut enim ad minim veniam, velit esse cillum dolore in reprehenderit in voluptate. Ullamco laboris nisi sunt in culpa ut aliquip ex ea commodo consequat. Mollit anim id est laborum.
<p style="text-transform: lowercase;">Ut enim ad minim veniam, velit esse cillum dolore in reprehenderit in voluptate. Ullamco laboris nisi sunt in culpa ut aliquip ex ea commodo consequat. Mollit anim id est laborum. </p>
Return to the text-transform information
Return to the Fancy Text Article
