最新的Web开发教程
 

Style font Property

<Style对象

设置为一个字体<p>元素:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";
试一试»

定义和用法

字体属性设置或返回多达六个单独的字体属性,在一个速记形式。

有了这个属性,你可以设置/返回以下(按顺序):

  • 字体样式
  • 字体变形
  • 字体重量
  • 字体大小
  • 行高
  • 字体系列

字体大小和字体家庭是必需的。 如果其他值中的一个缺失,则默认值将被插入,如果有的话。

上面的性质也可与单独的样式属性中设置。 强烈建议非高级作者为更好的可控性使用单独的属性。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

字体属性在所有主流浏览器的支持。


句法

返回字体属性:

object .style.font

设置字体属性:

object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

属性值

描述
style 设置字体风格
variant 设置在小瓶盖字体文本
weight 设置字体的气魄
size 设置字体的大小
lineHeight 设置线之间的距离
family 设置字体的脸
caption 用于标题控制字体(like buttons, drop-downs, etc.)
icon 用于标记图标的字体
menu 在菜单中使用的字体
message-box 在对话框中使用的字体
small-caption 在小的控制中使用的字体
status-bar 在窗口状态栏使用的字体
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 未标明
返回值: 一个字符串,表示元件的不同字体属性
CSS版本 CSS1

更多示例

返回的字体<p>元素:

alert(document.getElementById("myP").style.font);
试一试»

相关页面

CSS教程: CSS字体

CSS参考: font property


<Style对象