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中,只有字母部分产生了小型大写字母的效果。



全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.