font

语法:

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-size '> 和 <' font-family '> 是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
  • 对于如何使用客户端系统没有字体和自定义字体,可以参阅@font-face规则。
  • 对应的脚本特性为font

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+

示例: