The text-transform property controls whether or not the text is capitalized.
p {
text-transform: capitalize;
}
| Property | Value | Explanation |
|---|---|---|
| text-transform | capitalize | capitalized the first letter of each word |
| uppercase | using only uppercase letters | |
| lowercase | using only lowercase letters | |
| none | normal text (default) |
<html> <head> <title>TAG index</title> <style type="text/css"> #example1 { text-transform: capitalize; } #example2 { text-transform: uppercase; } #example3 { text-transform: lowercase; } #example4 { text-transform: none; } </style> </head> <body> <p id="example1">The text-transform property. Controls the case of letters.</p> <p id="example2">The text-transform property. Controls the case of letters.</p> <p id="example3">The text-transform property. Controls the case of letters.</p> <p id="example4">The text-transform property. Controls the case of letters.</p> </body> </html>
The text-transform property. Controls the case of letters.
The text-transform property. Controls the case of letters.
The text-transform property. Controls the case of letters.
The text-transform property. Controls the case of letters.