实例代码：
<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css">
p.capital{text-transform:uppercase;}
p.lowercase{text-transform:lowercase;}
p.capitalize{text-transform:capitalize;}
</style>
</head>
<html>
<body>
<h1>这是一个文本大小写的实例</h1>
<p>This is a text without conversion.注：无转换输出</p>
<p class="capital">This is a text in uppercase English .注：转换为全大写</p>
<p class="lowercase">This is a text in lowercase English.注：转换为全小写</p>
<p class="capitalize">This is a paragraph of capitalized text. 注：首字母为大写</p>
</body>
</html>
运行效果：
text-transform:定义英文字母的大小格式输出。
none: 默认对英文文本不作任何改动。
uppercase: 将全部英文文本改为大写
lowercase：将全部英文文本改为小写
capitalize: 将全部英文文本首字母改为大写。
评论