CSS2/CSS1 font 属性

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法:

font:[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar

默认值看独立属性自身

取值:

<font-style>
指定文本字体样式
<font-variant>
指定文本是否为小型的大写字母
<font-weight>
指定文本字体的粗细
<font-size>
指定文本字体尺寸
<line-height>
指定文本字体的行高
<font-family>
指定文本使用某个字体或字体序列
caption:
使用有标题的系统控件的文本字体(如按钮,菜单等)(CSS2)
icon:
使用图标标签的字体(CSS2)
menu:
使用菜单的字体(CSS2)
message-box:
使用信息对话框的文本字体(CSS2)
small-caption:
使用小控件的字体(CSS2)
status-bar:
使用窗口状态栏的字体(CSS2)

说明:

设置或检索对象中的文本特性。该属性是复合属性。
  • 使用第一种声明方式参数必须按照如上的排列顺序,且font-sizefont-family是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
  • 对于如何使用客户端系统可能没有的字体,可以参阅@font-face规则。
  • 对应的脚本特性为font

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 4.0 5.1 13.0 11.50

示例: