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 实例

设置字体的异体
本例演示如何设置字体的异体。

相关页面

CSS 教程:CSS 字体

CSS 参考手册:CSS font 属性

HTML DOM 参考手册:fontVariant 属性

成品网站超市图标