CSS text-transform 属性

text-transform 属性用于控制文本的大小写转换。

值

• none：默认值，文本不进行大小写转换。
• uppercase：将文本转换为大写。
• lowercase：将文本转换为小写。
• capitalize：将每个单词的首字母转换为大写。

语法

selector {
  text-transform: value;
}

示例

// www.javascriptcn.com code example
p {
  text-transform: uppercase;
}

h1 {
  text-transform: capitalize;
}

span {
  text-transform: lowercase;
}

在上面的示例中，p 元素的文本会被转换为大写，h1 元素的文本会将每个单词的首字母转换为大写，span 元素的文本会被转换为小写。

注意事项

• text-transform 只会影响元素的文本内容，不会改变 HTML 元素本身的内容。
• 使用 text-transform 可以实现一些特殊的文本效果，但要注意不要过度使用，以免影响页面的可读性。