如何使用 CSS 更改段落中文本的大小写？

如果你想更改段落中的文本大小写，有多种方法可以使用 CSS 来实现。

text-transform 属性

text-transform 属性可以用来将文本转换为大写、小写以及首字母大写。

语法

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

值

• none: 默认值，不转换文本大小写。
• capitalize: 将每个单词的首字母转为大写。
• uppercase: 将所有字母转为大写。
• lowercase: 将所有字母转为小写。
• initial: 将属性设置为其默认值。
• inherit: 从父元素继承该属性。

示例

p {
  text-transform: uppercase;
}

上述代码将所有段落中的文本转换为大写。

font-variant-caps 属性

font-variant-caps 属性可以用来控制字母大小写的显示方式。

语法

font-variant-caps: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps;

值

• normal: 默认值，不进行任何变换。
• small-caps: 将小写字母变成小型大写字母。
• all-small-caps: 将所有字母变成小型大写字母。
• petite-caps: 将小写字母的字体缩小一些，使其与大写字母相同的高度，形成小型大写字母。
• all-petite-caps: 将所有字母的字体缩小一些，使其与大写字母相同的高度，形成小型大写字母。
• unicase: 将小写字母格式化为大写字母，并保留它们的原始字形。
• titling-caps: 将文本格式化为大写字母，在某些字体中会显示为带有装饰的大写字母。

示例

p {
  font-variant-caps: small-caps;
}

上述代码将所有段落中的小写字母转为小型大写字母。

总结

使用上述属性可以实现对段落文本大小写的更改，具体选择哪种属性取决于你的实际需求。如果需要更多的自定义，可以使用 JavaScript 实现。