语法
font-variant: normal | small-caps | initial | inherit;
font-variant 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.smallcaps {
font-variant: small-caps;
}
</style>
</head>
<body>
<h2>Font-variant 属性示例</h2>
<p>这里我们使用了普通文本，如您所见。</p>
<p class="smallcaps">但我们在这里使用了带有小型大写字母的文本。</p>
</body>
</html>
CSS font-variant 属性值说明
| 值 | 描述 |
|---|---|
| normal | 意味着文本字符将是正常的。这是此属性的默认值。 |
| small-cups | 浏览器显示一个小帽字体。 |
| initial | 使属性使用其默认值。 |
| inherit | 从父母元素继承属性。 |
font-variant 属性将文本设置为字体系列中的普通或者小型大写字母。
font-variant 属性可以有两个值：normal 和 small-caps。
正常是默认值。
当我们为文本选择small-caps时，它会将小写字母转换为大写字母，但这些转换后的字母会比正常的大写字母显示小一点。
font-variant 属性可以作为字体速记声明的一部分包含在内。
此属性已在 CSS3 中扩展。
在 CSS3 中，font-variant 属性可以成为一个简写并采用多个值（例如，petite-caps、all-petite-caps、all-small-caps、titleing-capes）。
| 初始值 | normal |
|---|---|
| 应用于 | 所有元素。它还适用于伪元素::first-letter 和 ::first-line。 |
| 继承 | 可继承 |
| 可动画的 | 无效 |
| 版本 | CSS1. |
| DOM 语法 | object.style.fontvariant = "normal"; |
日期：2020-06-02 22:14:32 来源：oir作者：oir