text-transform 属性处理文本的大小写

最新推荐文章于 2023-10-01 09:20:23 发布

xiaochouyu0703

最新推荐文章于 2023-10-01 09:20:23 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/xiaochouyu0703/article/details/84699913

css 专栏收录该内容

35 篇文章

订阅专栏

本文详细介绍了text-transform属性如何处理文本的大小写，并通过实例展示了uppercase, lowercase和capitalize的不同效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

text-transform 属性处理文本的大小写。
这个属性值有 4 个：
none 默认状态
uppercase 将文本转换为全大写
lowercase 将文本转换为全小写
capitalize 对每个单词的首字母大写

.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}
.firstupper {text-transform:capitalize;}

<div class="firstupper"> 
    首字母大写 ni hao hello 
</div> 
<div class="upper"> 
    字母全实现大写ni hao hello 
</div> 
<div class="lower"> 
    字母全实现小写ni HAo hEllo无论字母是否被大写都将被CSS小写 
</div>

结果：
首字母大写 Ni Hao Hello
字母全实现大写NI HAO HELLO
字母全实现小写ni hao hello无论字母是否被大写都将被css小写