解析text-transform的用法及实例教程

语法：
text-transform: none | capitalize | uppercase | lowercase
参数：
none : 　无转换发生
capitalize : 　将每个单词的第一个字母转换成大写，其余无转换发生
uppercase : 　转换成大写
lowercase : 　转换成小写
说明：
检索或设置对象中的文本的大小写。
对应的脚本特性为textTransform。请参阅我编写的其他书目。

text-transform和font-variant区别

text-transform和font-variant都能把英文文本转换大小写。但是font-variant唯一的作用就是把英文文本转换成“小型”大写字母文本，注意这是“小型”的。一般极少用到font-variant属性，对于英文的大小写转换，我们用的是text-transform属性，而不是用font-variant属性。

示例

编辑

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

注意：1.用text-transform只对英文起作用 对于汉字时失效

2.用text-transform 可以用dreamweaver看到即时的效果

text-transform的实例

      
  
 
 将每个单词的首字母转换成大写 
原　文： how do you do.
 
转换后： how do you do.
 
 
 转换成大写 
原　文： how do you do.
 
转换后： how do you do.
 
 
 转换成小写 
原　文： HOW ARE YOU.
 
转换后： HOW ARE YOU.
 
 
  

以上是解析text-transform的用法及实例教程的详细内容。更多信息请关注PHP中文网其他相关文章！