text-transform 是一个CSS属性,用于控制文本的大小写转换。

常见的值包括:

  •  none:默认值,不进行大小写转换。

  •  capitalize:将每个单词的首字母转换为大写。

  •  uppercase:将文本转换为全部大写。

  •  lowercase:将文本转换为全部小写。

  •  full-width:将文本转换为全角字符形式,适用于中文、日文等。


示例:
/* 将元素内文本转换为全部大写 */
h1 {
  text-transform: uppercase;
}

/* 将元素内文本转换为首字母大写 */
p {
  text-transform: capitalize;
}

/* 将元素内文本转换为全部小写 */
span {
  text-transform: lowercase;
}

/* 将元素内文本转换为全角字符形式 */
div {
  text-transform: full-width;
}

这些样式规则将影响相应元素内文本的大小写形式。text-transform 可以用于改变文本的呈现方式,但不会修改实际的文本内容。


转载请注明出处:http://www.zyzy.cn/article/detail/4257/CSS