CSS font-variant属性,设置小型大写字母样式
font-variant属性
CSS中font-variant属性主要可以用来设置字体的小型大写字母样式。什么是小型大写字母呢?即可以将原来的小写字母文本转换为大写字母,并以小于原本字体大小的字体进行显示。
属性值
属性值 | 描述 |
---|---|
normal | 正常显示字体 |
small-caps | 小型大写字母 |
font-variant属性实例代码,及在线编辑器
<p class='fv1'>normal正常显示字体</p>
<p class='fv2'>small-caps小型大写字母显示字体,注意其中的字母部分</p>
<style>
.fv1{font-variant:normal;}
.fv2{font-variant:small-caps;}
</style>
实例代码解析
如上代码,设置了small-caps属性值的段落2中,只有字母部分产生了小型大写字母的效果。