Text-transform

Contact Us or call 1-877-932-8228
Text-transform

Text-transform

The text-transform property is used to change the capitalization of text. The values are listed below:

  • none
  • capitalize
  • uppercase
  • lowercase

The following code sample shows the effects text-transform:

Code Sample:

CssText/Demos/TextTransform.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Text-Transform</title>
</head>
<body>
<h1>Text-Transform</h1>

<div style="text-transform: none;">Text-Transform: None</div>
<div style="text-transform: capitalize;">Text-Transform: Capitalize 
			- this is written in all lowercase letters</div>
<div style="text-transform: lowercase;">Text-Transform: Lowercase</div>
<div style="text-transform: uppercase;">Text-Transform: Uppercase</div>

</body>
</html>

The above code will render the following:

Next