CSS font-variant 属性

CSS font-variant 属性指定如何设置元素的字体变体。它的值可以是 **normal** 和 **small-caps**。使用 **small-caps** 值，小写字母将被转换为大写字母，但尺寸比原始大写字母小。此属性指定文本是否应以 **small-caps** 字体显示。

**font-variant** 属性生成的输出可能会受到 **text-transform** 属性值的影响。如果 **font-variant** 的值为 **small-caps** 并且 **text-transform** 的值设置为 **lowercase**，则字符将显示为小写。如果 **font-variant** 的值为 **small-caps** 并且 **text-transform** 的值设置为 **uppercase**，则字符将显示为大写。

如果源代码中的字母是以大写字母编写的，则此 CSS 属性的 **small-caps** 值将不起作用。例如，假设我们有一个段落，其中字母是以大写字母编写的，并且我们将 **font-variant** 属性与 **small-caps** 值应用于相应的段落，则字体将显示为常规大写，而不是 small-caps。

语法

属性值

此 CSS 属性的值定义如下：

normal: 这是默认值，它指定正常的字体。

small-caps: 用于指定 small-caps 字体，其中小写字母显示为大写字母，但尺寸较小。

**初始：**它将属性设置为其默认值。

inherit： 它继承父元素的属性。

示例

在此示例中，我们将 **font-variant: small-caps;** 应用于段落元素。在第一个段落中，文本已经是大写字母，因此 **small-caps** 值不会覆盖它。但是，第二个段落中的文本受 **small-caps** 值的影响，因为它不是大写。

输出