text-transform: capitalize;text-transform: uppercase;text-transform: lowercase; : text transform « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. text transform

text-transform: capitalize;text-transform: uppercase;text-transform: lowercase;

  
          

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
      p#capitalize {
          text-transform: capitalize;
      }
      p#uppercase {
          text-transform: uppercase;
      }
      p#lowercase {
          text-transform: lowercase;
      }
        </style>
    </head>
    <body>
    <p id='capitalize'>
        every word of this sentence is capitalized.
    </p>
    <p id='uppercase'>
        every word of this sentence is in uppercase.
    </p>
    <p id='lowercase'>
        EVERY WORD OF THIS SENTENCE IS IN LOWERCASE.
    </p>
    </body>
</html>








Related examples in the same category

1.The text-transform Property
2.'text-transform' Example
3.text-transform: lowercase
4.text-transform: capitalize
5.text-transform: uppercase
6.text-transform: lowercase;
7.text-transform: uppercase;
8.text-transform: capitalize;
9.text-transform:none;capitalize;uppercase;lowercase;}
10.You can control the case of text using CSS: Apply the text-transform Property
11.Set text transform to uppercase
12.Set text-transform: capitalize for h2