网站地图    收藏   

主页 > 专题教程 > css >

text-transform

来源:自学PHP网    时间:2018-02-08 10:48 作者: 阅读:

[导读] CSS text-transform 属性用于指定如何将单词或单独的字母转换为大写字母。...

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

最新评论

添加评论

更多文章推荐

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论