CSS - font-variant-caps 属性



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

可能的值

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

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

  • all-small-caps:启用对大小写字母都使用小写大写字母。对应于 OpenType 功能 c2scsmcp

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

  • all-petite-caps:启用对大小写字母都使用小写大写字母。对应于 OpenType 功能 c2pcpcap

  • unicase:启用混合使用小写大写字母和大写字母,并使用普通小写字母。对应于 OpenType 功能 unic

  • titling-caps:启用标题大写字母的使用。对应于 OpenType 功能 titl

应用于

所有 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>
广告