转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css实现英文小写转为大写
在css中,可以使用text-transform属性来将小写英文字母(文本)转为大写。
可分两种情况:
立即学习“前端免费学习笔记(深入)”;
所有的英文字母都变成大写:使用“
text-transform: uppercase;”样式英文文本中每个单词的首字母变为大写:使用“
text-transform: capitalize;”样式
实现示例:
Document
hello
heloodj sdKUv dIfvh
heloodj sDFuv difvh

说明:text-transform 属性
text-transform 属性控制英文文本的大小写。
可设置的属性值:
| 值 | 描述 |
|---|---|
| none | 默认。定义带有小写字母和大写字母的标准的文本。 |
| capitalize | 文本中的每个单词以大写字母开头。 |
| uppercase | 定义仅有大写字母。 |
| lowercase | 定义无大写字母,仅有小写字母。 |










