这篇文章主要介绍“CSS如何实现英文小写转为大写”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css如何实现英文小写转为大写”文章能帮助大家解决问题。
这篇文章主要介绍“CSS如何实现英文小写转为大写”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css如何实现英文小写转为大写”文章能帮助大家解决问题。
转换方法:1、给英文元素添加“text-transfORM: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。
本教程操作环境:windows7系统、css3&&HTML5版、Dell G3电脑。
css实现英文小写转为大写
在css中,可以使用text-transform属性来将小写英文字母(文本)转为大写。
可分两种情况:
所有的英文字母都变成大写:使用“text-transform: uppercase;
”样式
英文文本中每个单词的首字母变为大写:使用“text-transform: capitalize;
”样式
实现示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p {
font-variant: small-caps;
}
span[first] {
text-transform: capitalize
}
span[second] {
text-transform: uppercase
}
</style>
</head>
<body>
<p>hello</p>
<span first>heloodj sdKUv dIfvh</span>
<hr>
<span second>heloodj sDFuv difvh</span>
</body>
</html>
说明:text-transform 属性
text-transform 属性控制英文文本的大小写。
可设置的属性值:
值 | 描述 |
---|---|
none | 默认。定义带有小写字母和大写字母的标准的文本。 |
capitalize | 文本中的每个单词以大写字母开头。 |
uppercase | 定义仅有大写字母。 |
lowercase | 定义无大写字母,仅有小写字母。 |
关于“css如何实现英文小写转为大写”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网html频道,小编每天都会为大家更新不同的知识点。
--结束END--
本文标题: css如何实现英文小写转为大写
本文链接: https://www.lsjlt.com/news/97607.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0