如何使用css中text-transform转换字母大小写的示例详解
程序员文章站
2022-03-17 18:51:11
...
以前我们都是用JS来实现字母的首字母大小写的,但现在没有必要了,CSS完全可以实现,话说兼容性还好从IE6开始就支持了。
text-transform:none | capitalize | uppercase | lowercase
none:
无转换
capitalize:
将每个单词的第一个字母转换成大写
<style> #box{ text-transform:capitalize; } </style> <p id="box">css javascript html5</p>
uppercase:
将每个单词转换成大写
#box{ text-transform:uppercase; } <p id="box">css javascript html5</p>
lowercase:
将每个单词转换成小写
#box{ text-transform:lowercase; } <p id="box">CSS JAVASCRIPT HTML5</p>
实在是太简单了,都不好多说什么。
以上就是如何使用css中text-transform转换字母大小写的示例详解的详细内容,更多请关注其它相关文章!
上一篇: vue渲染完页面后div滚动条定位在底部(附代码)
下一篇: php环境搭建软件有哪些