CSS font 属性

定义

除了某些系统字体,font 属性这个简写属性用于在一个声明中设置针对一个字体的所有属性。

注释:此属性也有第六个值:"line-height",可设置行间距。

继承性:Yes

说明

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.font="italic bold 12px arial,serif"

在我们的 HTML DOM 教程中,您可以找到更多有关 font 属性 的细节。

在我们的 HTML DOM 教程中,您也可以找到完整的 Style 对象参考手册

例子

p
  {
  font: 12px arial
  }
p
  {
  font: italic small-caps bold 12px arial
  }
p
  {
  font: oblique small-caps 900 12px/14px arial
  }
p
  {
  font: menu
  }

可能的值

描述
  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

设置针对字体的属性。line-height 值可设置行间的空白,此值可以是一个数字、一个百分比或者一个字号。

默认值:取决于浏览器。

caption 定义被有标题的控件使用的字体(比如按钮、下拉列表等)。
icon 定义被图标标记使用的字体。
menu 定义被下拉列表使用的字体。
message-box 定义被对话框使用的字体。
small-caption  
status-bar 定义被窗口状态栏使用的字体。

TIY 实例

所有字体属性在一个声明之内
本例演示如何使用简写属性将字体属性设置在一个声明之内。
设置使用 "caption" 值的段落字体
本例演示如何设置使用 "caption" 值的段落字体。