目录

CSS text-transform 属性


示例

转换不同 <div> 元素中的文本:

div.a {
  text-transform: uppercase;
}

div.b {
  text-transform: lowercase;
}

div.c {
  text-transform: capitalize;
}
亲自试一试 »

定义和用法

这个text-transform属性控制文本的大小写。

展示演示❯

默认值: 没有任何
遗传: 是的
版本: CSS1
JavaScript 语法: 对象.style.textTransform="uppercase"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
text-transform 1.0 4.0 1.0 1.0 7.0


CSS 语法

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

属性值

Value Description Demo
none No capitalization. The text renders as it is. This is default Demo ❯
capitalize Transforms the first character of each word to uppercase Demo ❯
uppercase Transforms all characters to uppercase Demo ❯
lowercase Transforms all characters to lowercase Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS 文本转换

HTML DOM 参考:textTransform 属性