轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style fontWeight 属性

实例

更改字体粗细:

document.getElementById("demo").style.fontWeight = "900";
亲自试一试 »

定义和用法

fontWeight 属性设置或返回字体的粗细。

浏览器支持

属性
fontWeight Yes Yes Yes Yes Yes

语法

返回 fontWeight 属性:

object.style.fontWeight

设置 fontWeight 属性:

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

属性值

值 描述
normal 默认。字体是 normal（正常的）。
lighter 定义更细的字体。
bold 定义粗体。
bolder 定义更粗的字体。
100
200
300
400
500
600
700
800
900		 定义由细到粗的字符。400 等同于 normal，700 等同于 bold。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: normal
返回值: 一个字符串，代表字体的粗细
CSS 版本 CSS1

更多实例

实例

A demonstration of possible values:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontWeight = listValue;
亲自试一试 »

实例

返回元素的字体粗细大小:

alert(document.getElementById("demo").style.fontWeight);
亲自试一试 »

相关页面

CSS 教程: CSS Font

CSS 参考手册: font-weight 属性

HTML DOM 参考手册: font 属性

❮ Style 对象