CSS text-transform 属性用于指定如何将单词或单独的字母转换为大写字母。
text-transform
属性对中文无效。它可以将英文单词或字母转换为全大写或全小写,或者每个单词的第一个字母大写的格式。
官方语法
text-transform: none | capitalize | uppercase | lowercase | full-width
参数:
- none:不对文字进行转换。
- capitalize:将每一个单词的第一个字母转换为大写字母。单词中的其它字母保持原样。
- uppercase:将所有的单词或字母转换为大写字母。
- lowercase:将所有的单词或字母转换为小写字母。
- full-width:实验性属性值。将字符书写为fullwidth格式。该值主要用于拉丁文和表意文字(如汉字)。
text-transform
属性的初始值为none
。
应用范围
text-transform
属性可以应用在所有元素上。
示例代码
text-transform: capitalize; text-transform: uppercase; text-transform: lowercase; text-transform: none; text-transform: full-width;
在线演示
下面的例子演示text-transform
的效果。
红色的文字被转换为大写:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit。
红色的文字被转换为小写。
LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT。
每个单词的第一个字母被转换为大写字母。
Lorem ipsum dolor sit amet, consectetuer adipiscing elit。
浏览器支持
所有的现代浏览器都支持text-transform
属性,包括: Chrome, Firefox, Safari, Opera, IE 以及 Android 和 iOS。
full-width
属性值目前只有firefox 19+浏览器才支持。