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+浏览器才支持。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did31709