常见的值包括:
- 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