hi,欢迎访问本站!
当前位置: 首页Web前端正文

css实现英文字母大写的方法

墨初 Web前端 1046阅读

CSS将英文字母转为大写可以使用 text-transform 属性,其属性的值设置为 uppercase 时,就可以将英文字母的小写形式转换为大写,下面是使用方法。

CSS text-transform 属性

text-transform:控制文本的大小写。

语法:

div {text-transform:uppercase}

可选值:

描述
none默认。定义带有小写字母和大写字母的标准的文本。
capitalize文本中的每个单词以大写字母开头。
uppercase定义仅有大写字母。
lowercase定义无大写字母,仅有小写字母。
inherit规定应该从父元素继承 text-transform 属性的值。

css设置英文字母大写的方法

例:

<p style="text-transform: uppercase;">73so.com</p>
<!-- 输出:73SO.COM -->
<p style="text-transform: uppercase;">abcdefg</p>
<!-- 输出:ABCDEFG -->
标签:
声明:无特别说明,转载请标明本文来源!
相关推荐