山海科技发展网

06月29日科技常识:CSS通过text-transform实现大写、小写和首字母大写转换

导读 摘要 今天小编跟大家讲解下有关CSS通过text-transform实现大写、小写和首字母大写转换 ,相信小伙伴们对这个话题应该有所关注吧,小编也...
摘要 今天小编跟大家讲解下有关CSS通过text-transform实现大写、小写和首字母大写转换 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到

今天小编跟大家讲解下有关CSS通过text-transform实现大写、小写和首字母大写转换 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS通过text-transform实现大写、小写和首字母大写转换 的相关资料,希望小伙伴们看了有所帮助。

再日常项目中可能会用到一些特殊的样式 比如大写字母转小写、小写字母转大写、首字母大写等。

可以通过css的text-transform属性来实现:

text-transform转换不同的文本

属性值:

none带有小写字母和大写字母的标准的文本(默认属性)。

capitalize首字母大写。

uppercase字母大写。

lowercase字母小写。

inherit从父元素继承。

示例:

h1{text-transform:uppercase}h2{text-transform:capitalize}p{text-transform:lowercase}

来源:爱蒂网