Set text transform to uppercase : text transform « CSS « HTML / CSS






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

Set text transform to uppercase

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <title></title>

<style type="text/css">

body {
 background-image: url(bkgd2.jpg);
 background-position: -125px 75px;
 margin: 75px 75px 0 375px; 
}
h1, h2, h3 {
 padding-top: 0;
 margin-top: 0;
 text-transform: uppercase;
}
</style>

    </head>
    <body>
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>

  </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: capitalize;text-transform: uppercase;text-transform: lowercase;
10.text-transform:none;capitalize;uppercase;lowercase;}
11.You can control the case of text using CSS: Apply the text-transform Property
12.Set text-transform: capitalize for h2