text-transform

更新时间:2024-06-16 17:57

text-transform版本:CSS1 兼容性:IE4+ NS4+ 继承性:有

语法

text-transform : none | capitalize | uppercase | lowercase

参数

none :  无转换发生

capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生

uppercase :  转换成大写

lowercase :  转换成小写

说明

检索或设置对象中的文本的大小写。

对应的脚本特性为textTransform。请参阅我编写的其他书目。

注:只是在页面上展示为大写,实际的Value值仍然是你输入的值,因此直接传值到服务器端并不是页面上展示的大写文本。

示例

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

免责声明
隐私政策
用户协议
目录 22
0{{catalogNumber[index]}}. {{item.title}}
{{item.title}}