CSSfont复合属性的顺序
实例
在⼀个声明中设置所有字体属性:
<1
{
font:italic arial,sans-serif;
}fontweight属性bold
<2
{
font:italic bold 12px/20px arial,sans-serif;
}
浏览器⽀持
IE Firefox Chrome Safari Opera
所有浏览器都⽀持 font 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不⽀持属性值 "inherit"。
定义和⽤法
font 简写属性在⼀个声明中设置所有字体属性。
注释:此属性也有第六个值:"line-height",可设置⾏间距。
说明
这个简写属性⽤于⼀次设置元素字体的两个或更多⽅⾯。使⽤ icon 等关键字可以适当地设置元素的字体,使之与⽤户计算机环境中的某个⽅⾯⼀致。注意,如果没有使⽤这些关键词,⾄少要指定字体⼤⼩和字体系列。
可以按顺序设置如下属性:
font-style
font-variant
font-weight
font-size/line-height
font-family
可以不设置其中的某个值,⽐如 font:100% verdana; 也是允许的。未设置的属性会使⽤其默认值。
默认值:not specified
继承性:yes
版本:CSS1
JavaScript 语法:object.style.font="italic small-caps bold 12px arial,sans-serif"
可能的值
值描述
font-style规定字体样式。参阅:中可能的值。
font-variant规定字体异体。参阅:中可能的值。
font-weight规定字体粗细。参阅:中可能的值。
font-size/line-height规定字体尺⼨和⾏⾼。参阅:和中可能的值。
font-family规定字体系列。参阅:中可能的值。
caption定义被标题控件(⽐如按钮、下拉列表等)使⽤的字体。
icon定义被图标标记使⽤的字体。
menu定义被下拉列表使⽤的字体。
message-box定义被对话框使⽤的字体。
small-caption caption 字体的⼩型版本。
status-bar定义被窗⼝状态栏使⽤的字体。
TIY 实例
本例演⽰如何使⽤简写属性将字体属性设置在⼀个声明之内。
本例演⽰如何设置使⽤ "caption" 值的段落字体。
相关页⾯
CSS 教程:
HTML DOM 参考⼿册:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论