当前位置主页 > 资料库 > 前端教程 > CSS属性参考 | text-transform

CSS属性参考 | text-transform

08-06

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+浏览器才支持。

相关阅读
Previous:
上一篇:CSS属性参考 | text-shadow
Next:
下一篇:CSS属性参考 | top
返回顶部