介绍一下text-transform的使用

jelink

于 2006-08-29 15:09:00 发布

阅读量1.4k

点赞数

分类专栏： Html与CSS 文章标签： input css ie

Html与CSS 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了CSS中text-transform属性的使用方法，包括none、capitalize、uppercase及lowercase四种选项的效果展示，适用于前端开发者快速掌握文本大小写转换技巧。

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

示例：

<input type="text" style="text-transform : none ; ">
none : 　无转换发生<br>
<input type="text" style="text-transform : capitalize ; ">
capitalize : 　将每个单词的第一个字母转换成大写，其实只有为小写输入状态转换才发生<br>
<input type="text" style="text-transform : uppercase ; ">
uppercase : 　转换成大写<br>
<input type="text" style="text-transform : lowercase ; ">
lowercase : 　转换成小写 <br>

说明：
text-transform版本：CSS1　兼容性：IE4+ NS4+　继承性：有

语法：

text-transform : none | capitalize | uppercase | lowercase

参数：

none : 　无转换发生
capitalize : 　将每个单词的第一个字母转换成大写，其实只有为小写输入状态转换才发生
uppercase : 　转换成大写
lowercase : 　转换成小写

说明：

检索或设置对象中的文本的大小写。