好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

查看更多关于text-transform的详细内容...

  阅读:48次

上一篇: transition

下一篇:top

CopyRight:2016-2025好得很程序员自学网 备案ICP:湘ICP备09009000号-16 http://www.haodehen.cn
本站资讯不构成任何建议,仅限于个人分享,参考须谨慎!
本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。

网站内容来源于网络分享,如有侵权发邮箱到:kenbest@126.com,收到邮件我们会即时下线处理。
网站框架支持:HDHCMS   51LA统计 百度统计
Copyright © 2018-2025 「好得很程序员自学网
[ SiteMap ]