CSS实现英文小写字母自动转换大写 第5张插图

css中text-transform属性值附属uppercase时，自动对内容文本中的英文小写字母转换成大写，还可以对首字母开头大写。常用于后台代码字段值快速统一大小写。

属性

text-transform

语法

.div{text-transform:uppercase}

数值

capitalize以大写字母开头，uppercase仅有大写字母，lowercase仅有小写字母，inherit父元素继承值。

示例

<p style="text-transform: uppercase;">abcdefg</p>
<!-- 输出：ABCDEFG -->