专注于WEB前端开发,HTML基础知识,CSS基础知识,HTML5和CSS3,Javascript,Jquery,Jquery插件,移动开发,微信开发等技术话题

当前位置:CSSTOP主页 > CSS属性 > 正文

font

CSS font 属性

定义

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

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

继承性:Yes

语法:[ font-style | font-variant | font-weight ] || font-size/line-height || font-family

说明

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

JavaScript 语法

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

脚本语法:

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

例子

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 定义被窗口状态栏使用的字体。