text-transform Description:
The text-transform property defines the case of the element text, ignoring the case of the text in the document.
text-transform in CSS Versions:
text-transform Syntax:
text-transform: capitalize | uppercase | lowercase | none | inherit
- capitalize
Make the first character of each word uppercase. - uppercase
Make every character uppercase. - lowercase
Make every character lowercase. - none
Remove any inherited value and display the text as it's written. - inherit
The element should have the same text-transform setting as the parent.
text-transform Initial Value:
none
text-transform Applies To:
All elements.
text-transform Inheritance:
This property is inherited.
text-transform Browser Support:
text-transform Examples:
Uppercase
<p style="text-transform: uppercase;>
The text in this paragraph is uppercase.
</p>
text-transform Special Notes:
- Be sure to check your pages when you use "capitalize" as you may get unexpected results.
