跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

解析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的实例
text-transform_CSS参考手册_web前端开发参考手册系列
  • 将每个单词的首字母转换成大写
    原 文: how do you do.
    转换后: how do you do.
  • 转换成大写
    原 文: how do you do.
    转换后: how do you do.
  • 转换成小写
    原 文: HOW ARE YOU.
    转换后: HOW ARE YOU.

相关文章