📌  相关文章
📜  HTML | DOM 样式 fontVariant 属性(1)

📅  最后修改于: 2023-12-03 14:41:50.072000             🧑  作者: Mango

HTML | DOM 样式 fontVariant 属性

在 HTML DOM 中， fontVariant 属性设置文本的大小写格式。 这个属性只支持 CSS1 版本，已过时不应该再使用，建议使用 text-transform 属性替代。

语法
object.style.fontVariant="normal|small-caps|initial|inherit"

属性值

  • normal：浏览器会显示默认的字母大小写，即不进行任何改变。这是默认值。
  • small-caps：设置文本中的小写字母为小型大写字母。
  • initial：设置属性为它的默认值。
  • inherit：从父元素继承该属性的值。
实例
<!DOCTYPE html>
<html>
<head>
<style>
h1{
  font-variant: small-caps;
}
</style>
</head>
<body>

<h1>This is an <i>h1</i> element</h1>

</body>
</html>
返回结果

上述代码会将 h1 元素中的字母全部转换为小型大写字母，如下所示：

THIS IS AN H1 ELEMENT

注意事项
  • fontVariant 属性只支持 CSS1 版本，已过时不应该再使用，建议使用 text-transform 属性替代。
  • fontVariant 属性不适用于
  • fontVariant 属性仅对小写字母有效。
  • fontVariant 属性仅在支持有效的小型大写字形时才有效。如果不支持，请使用字体提供的字形替代品。