'text-transform' Example : text transform « CSS « HTML / CSS






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

'text-transform' Example

  
    
<html>
<body>
<div id="myDiv" style="text-transform:capitalize">www.java2s.com</div>
<button onclick="myDiv.style.textTransform = 'uppercase';">uppercase</button>
<button onclick="myDiv.style.textTransform = 'lowercase';">lowercase</button>
</body>
</html>








Related examples in the same category

1.The text-transform Property
2.text-transform: lowercase
3.text-transform: capitalize
4.text-transform: uppercase
5.text-transform: lowercase;
6.text-transform: uppercase;
7.text-transform: capitalize;
8.text-transform: capitalize;text-transform: uppercase;text-transform: lowercase;
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