text-transform: ***;
| Browser |
|
|---|
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) |
Example
<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>
- Output
-
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.