CSS font-variant 属性
实例
把段落设置为小型大写字母字体：
p.small
{
font-variant:small-caps;
}
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器都支持 font-variant 属性。
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
定义和用法
font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
说明
该属性主要用于定义小型大写字母文本。理论上，用户代理可以根据正常字体计算出小型大写字母字体。
| 默认值： | normal |
|---|---|
| 继承性： | yes |
| --- | --- |
| 版本： | CSS1 |
| --- | --- |
| JavaScript 语法： | object.style.fontVariant="small-caps" |
| --- | --- |
可能的值
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器会显示一个标准的字体。 |
| small-caps | 浏览器会显示小型大写字母的字体。 |
| inherit | 规定应该从父元素继承 font-variant 属性的值。 |
TIY 实例
本例演示如何设置字体的异体。
<html>
<head>
<style type="text/css">
p.normal {font-variant: normal}
p.small {font-variant: small-caps}
</style>
</head>
<body>
<p class="normal">This is a paragraph</p>
<p class="small">This is a paragraph</p>
</body>
</html>
相关页面
CSS 教程：CSS 字体
CSS 参考手册：CSS font 属性
HTML DOM 参考手册：fontVariant 属性