CSS 属性

font-variant-caps CSS 属性用于控制大写字母替代字形的使用。该值使用关键字指定。

属性值

  • normal:停用备用字形的使用。

  • small-caps:允许使用小型大写字母。对应于 OpenType 功能 smcp。

  • all-small-caps:允许使用小写大写字母和小写字母。对应于 OpenType 功能 c2sc、smcp。

  • petite-caps:允许使用小大写字母。对应于 OpenType 功能 pcap。

  • all-petite-caps:允许使用小写大写字母和小写字母。对应于 OpenType 功能 c2pc 和 pcap。

  • unicase:允许将大写字母与普通小写字母混合使用。对应于 OpenType 功能 unic。

  • title-caps:允许使用标题大写字母。对应于 OpenType 功能标题。

适用范围

所有 HTML 元素。

DOM 语法

object.style.fontVariantCaps = "normal | small-caps";

CSS font-variant-caps 基本示例

这里是一个示例:

<html>
<head>
<style>
  .small-caps {
    font-variant-caps: small-caps;
    font-size: large;
    font-style: italic;
  }
   .normal {
    font-variant-caps: normal;
    font-size: large;
    font-style: italic;
  }
</style>
</head>
<body>
   <p class="small-caps">Font Variant turned to small-caps</p>
   <p class="normal">Font Variant set to normal</p>
</body>
</html>