font

  • 版本:CSS1/2
  • 2018.3.21

语法:

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

默认值看独立属性自身

适用于:所有元素

继承性:有

动画性:看独立属性自身

计算值:看独立属性自身

媒 体:视觉

取值:

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

说明:

简写属性。定义元素的文本特性。
  • 使用font属性参数必须按照如上的排列顺序,且font-sizefont-family是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
  • 对于如何使用客户端系统没有字体和自定义字体,可以参阅@font-face规则。
  • 对应的脚本特性为:font

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例:

关注编程学问公众号