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






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

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

  


<?xml version="1.0" ?>
<!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" xml:lang="en">

<head>
  <title>CSS Example</title>
<style type='text/css'>

body {
   color:#000000;
   background-color:#ffffff;
   font-family:arial, verdana, sans-serif; 
   font-size:12px;}

p.none {text-transform:none;}
p.capitalize {text-transform:capitalize;}
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
</style>

</head>

<body>
<h1>text-transform</h1>
<p class="none">This text has not been transformed</p>
<p class="capitalize">The first letter of each word will be capitalized</p>
<p class="uppercase">All of this text will be uppercase</p>
<p class="lowercase">ALL OF THIS TEXT WILL BE 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: capitalize;text-transform: uppercase;text-transform: 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