语法：
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属性。
示例
编辑
p { text-transform : none; }p { text-transform : capitalize; }p { text-transform : uppercase; }p { text-transform : lowercase; }注意：1.用text-transform只对英文起作用 对于汉字时失效
2.用text-transform 可以用dreamweaver看到即时的效果
text-transform的实例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>text-transform_CSS参考手册_web前端开发参考手册系列</title><style>.capitalize span{text-transform:capitalize;}.uppercase span{text-transform:uppercase;}.lowercase span{text-transform:lowercase;}</style></head><body><ul><li><strong>将每个单词的首字母转换成大写</strong><p>原 文： <span>how do you do.</span></p><p>转换后： <span>how do you do.</span></p></li><li><strong>转换成大写</strong><p>原 文： <span>how do you do.</span></p><p>转换后： <span>how do you do.</span></p></li><li><strong>转换成小写</strong><p>原 文： <span>HOW ARE YOU.</span></p><p>转换后： <span>HOW ARE YOU.</span></p></li></ul></body></html>
免责声明：本站内容仅用于学习参考，信息和图片素材来源于互联网，如内容侵权与违规，请联系我们进行删除，我们将在三个工作日内处理。联系邮箱：chuangshanghai#qq.com（把#换成@）