​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
  .uppercase {
5
    text-transform: uppercase;
6
  }
7
  .lowercase {
8
    text-transform: lowercase;
9
  }
10
  .capitalize {
11
    text-transform: capitalize;
12
  }
13
</style>
14
​
15
<p class="uppercase">This text has been transformed to uppercase</p>
16
<p class="lowercase">THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE</p>
17
<p class="capitalize">this text has been capitalized.</p>