text-transform
Published Jul 28, 2021Updated May 15, 2024
Contribute to Docs
Specifies how to capitalize an element’s text.
Syntax
text-transform: <value>;
The following values can be applied to the text-transform
property:
none
(default): The text renders as is.capitalize
: Transforms the first character of every word to uppercase.uppercase
: Transforms all characters to uppercase.lowercase
: Transforms all characters to lowercase.
Example 1
Transforming every character of a text block to uppercase.
p {text-transform: uppercase;}
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.