如何使用css中text-transform转换字母大小写的示例详解

来源：懂视网责编：小采时间：2020-11-27 18:50:22

如何使用css中text-transform转换字母大小写的示例详解

如何使用css中text-transform转换字母大小写的示例详解:以前我们都是用JS来实现字母的首字母大小写的，但现在没有必要了，CSS完全可以实现，话说兼容性还好从IE6开始就支持了。text-transform：none | capitalize | uppercase | lowercasenone：无转换capitalize：将每个单词的第一个字母转换成大写&l

推荐度：

点击下载本文 文档为doc格式

导读如何使用css中text-transform转换字母大小写的示例详解:以前我们都是用JS来实现字母的首字母大小写的，但现在没有必要了，CSS完全可以实现，话说兼容性还好从IE6开始就支持了。text-transform：none | capitalize | uppercase | lowercasenone：无转换capitalize：将每个单词的第一个字母转换成大写&l

以前我们都是用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转换字母大小写的示例详解

推荐度：

点击下载本文 文档为doc格式

标签：转换大小写字母

热门焦点

如何使用css中text-transform转换字母大小写的示例详解

如何使用css中text-transform转换字母大小写的示例详解

none：

capitalize：

uppercase：

lowercase：

如何使用css中text-transform转换字母大小写的示例详解

最新推荐

猜你喜欢

热门推荐