本文摘自PHP中文网，作者silencement，侵删。
css font-variant属性简介
使用font-variant属性只有一个作用：把文本设置成小型大写字母，这也是针对英文而言，因为中文不存在大小写之分。
语法：
font-variant：normal/small-caps;
说明：
font-variant属性取值如下：
1.font-variant属性值：normal 默认值,正常效果
2.font-variant属性值：small-caps，小型大写字母的字体
示例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>font-variant属性</title>
<style type="text/css">
#p1{font-variant:normal;}
#p2{font-variant:small-caps;}
</style>
</head>
<body>
<p id="p1">font-variant属性值为normal（正常效果）</p>
<p id="p2"> font-variant属性值为small-caps（小型大写字母）</p>
</body>
</html>
|
运行结果
以上就是css font-variant属性怎么用的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
详解css contain新特性如何控制页面重绘与重排
css text-transform属性怎么用
html css js是干什么的
css flex-flow属性怎么用
详解css处理长短文本内容的几种小技巧（值得收藏）
实现弹幕效果的方法总结（css和canvas）
css基础语法之css的3种引入
css什么意思？
css :first-child的作用是什么？
css怎么增加阴影
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css font-variant属性怎么用
