css font-variant属性

时间:2016-07-05
css 使用font-variant属性只有一个作用:把文本设置成小型大写字母,这也是针对英文而言,因为中文不存在大小写之分。本文章向大家介绍css font-variant属性的使用方法和实例。

font-variant简介

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

font-variant 属性主要用于定义小型大写字母文本

语法:

font-variant:normal/small-caps;

font-variant属性取值如下表:

font-variant属性值 说明
normal 默认值,正常效果
small-caps 小型大写字母的字体

font-variant 实例

把段落设置为小型大写字母字体:

<!DOCTYPE html>
<html>
<head>
<style>
p.normal {font-variant:normal;}
p.small {font-variant:small-caps;}
</style>
</head>

<body>
<p class="normal">My name is Hege Refsnes.</p>
<p class="small">My name is Hege Refsnes.</p>
</body>

</html>

在线运行

font-variant属性在英文国家还可能见得到,但是在我们伟大的天朝一般是极少用到的。对于英文的大小写转换,我们用的是text-transform属性,而不是用font-variant属性。