CSS Text Transformation
Text Transformation
The text-transform property is used to specify uppercase and lowercase letters in a text.
It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word:
Example
<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<h1>Using the text-transform property</h1>
<p>This text is transformed to uppercase.</p>
<p>This text is transformed to lowercase.</p>
<p>This text is capitalized.</p>
</body>
</html>
The CSS Text Transformation Property
| Property | Description |
|---|---|
| text-transform | Controls the capitalization of text |