以下是一些常见的取值：
1. none（默认值）： 不进行文本转换。
p {
text-transform: none;
}
2. uppercase（大写）： 将文本转换为大写。
p {
text-transform: uppercase;
}
3. lowercase（小写）： 将文本转换为小写。
p {
text-transform: lowercase;
}
4. capitalize（每个单词的首字母大写）： 将每个单词的首字母转换为大写。
p {
text-transform: capitalize;
}
这些取值可以用于单个元素或全局应用于文档中的多个元素。text-transform 属性通常用于调整文本的显示风格，但需要注意的是，它只影响文本的呈现形式，而不会更改文本在文档中的实际内容。
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
p {
text-transform: uppercase;
}
span {
text-transform: capitalize;
}
</style>
<title>text-transform Example</title>
</head>
<body>
<p>This is an example paragraph.</p>
<span>This is a span with capitalized text.</span>
</body>
</html>
在这个例子中，text-transform 分别应用于 <p> 元素和 <span> 元素，产生了不同的文本转换效果。
转载请注明出处：http://www.zyzy.cn/article/detail/6143/CSS