css font-variant属性笔记

原创 国哥笔记  2019-02-10 18:38  阅读 414 views 次

font-variant属性定义及用法

在css中,font-variant属性是使用来设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-variant属性主要用于定义小型大写字母文本,理论上,用户代理可以根据正常字体计算出小型大写字母字体。

font-variant属性语法格式

  1. css语法:font-variant:normal/small-caps/inherit;
  2. JavaScript 语法:object.style.fontVariant="small-caps";

font-variant属性值说明

  • normal:默认值,浏览器会显示一个标准的字体;
  • small-caps:浏览器会显示小型大写字母的字体;
  • inherit:规定应该从父元素继承 font-variant 属性的值;

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css font-variant属性笔记</title>
<style type="text/css">
#normal {font-variant:normal;}
#small {font-variant:small-caps;}
</style>
</head>
<body>
<p id="normal">Font-Variant:Normal;</p>
<p id="small">Font-Variant:Small-caps;</p>
</body>
</html>

运行结果:

css font-variant属性笔记

 

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-font-variant.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情