CSS font-variant属性

CSS font-variant属性指定如何设置元素的字体变体。它的值可能是正常的和小写的。通过使用小写字母值，小写字母将转换为大写字母，但与原始大写字母相比，其大小较小。此属性指定文本是否应该以小写字体显示。

font-variant属性生成的输出可能会受到text-transform属性值的影响。如果font-variant的值是大写字母，并且text-transform的值设置为小写，则字符将以小写形式出现。如果font-variant的值是大写字母，并且text-transform的值设置为大写，则字符将以大写形式出现。

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

句法

font-variant: normal | small-caps | initial | inherit;

属性值

此CSS属性的值定义如下：

normal：这是默认值，用于指定普通字体。

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

initial：将属性设置为其默认值。

inherit：它从其父元素继承属性。

例

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

 This heading is shown in the normal font. 
 HELLO WORLD 
 hello world. This text is affected by the  small-caps  value. 

输出量