css fontvariant 将小写字母转换为小型大写字母

css font-variant 属性可以将小写字母转为大写字母，但是转换后的大写字母看起来会比原来的小写字母小。

换句话说 font-variant 属性可以将小写字母转换为小型大写字母。

语法

其语法十分简单，如下：

font-variant:value;

其中value可能的值为：

normal：常规显示;
small-caps：将小写字母替换为缩小过的大写字母;

例子

介绍一个简单的例子了解该属性的用法效果。

<!DOCTYPE html>
<html>
	<title>css font-variant属性例子</title>
<head>
<style>
p { font-variant: small-caps; }
h3 { font-variant: normal; }
</style>
</head>
<body>
<h3>正常字体显示yxjc123.com</h3>
<p>小型大写字母显示yxjc123.com</p>
</body>
</html>

效果如下：

css font-variant 将小写字母转换为小型大写字母

我们看到第二行的yxjc这几个转为大写的英文字母明显小于旁边的123