Style fontWeight 属性

您所在的位置:网站首页 按钮字体加粗 Style fontWeight 属性

Style fontWeight 属性

2024-07-17 13:20| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程 浏览器脚本 服务器脚本 编程教程 XML 系列教程 建站手册 参考手册 JS 参考手册 JS 参考手册(类别排序) JS 参考手册(字母排序) JavaScript JS Array JS Boolean JS Class JS Date JS Error JS Global JS JSON JS Math JS Number JS RegExp JS String JS 对象 JS 运算符 JS 语句 JS 类型化数组 Window Window 对象 Window Console Window History Window Location Window Navigator Window Screen HTML DOM HTML Document HTML Element HTML Attribute HTML Event HTML Event 对象 HTML Collection HTML NodeList HTML DOMTokenList HTML Style Web API API Canvas API Console API Fetch API Fullscreen API Geolocation API History API MediaQueryList API Storage API Validation API Web HTML 对象 - button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit text time url week

其他参考手册 CSSStyleDeclaration JS 类型转换 Style fontWeight 属性 fontVariant fontSizeAdjust HTML DOM Style 对象 定义和用法

fontWeight 属性设置或返回文本中字符的粗细程度。

另请参阅:

CSS 教程:CSS 字体

CSS 参考手册:font-weight 属性

HTML DOM 参考手册:font 属性

实例 例子 1

元素的字体粗细设置为 "900":

document.getElementById("myP").style.fontWeight = "900";

亲自试一试

例子 2

对可能值的演示:

var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myP").style.fontWeight = listValue;

亲自试一试

例子 3

返回

元素的字体粗细:

alert(document.getElementById("myP").style.fontWeight);

亲自试一试

语法

返回 fontWeight 属性:

object.style.fontWeight

设置 fontWeight 属性:

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit" 属性值 值 描述 normal 字体正常。默认。 lighter 字体更细。 bold 字体为粗体。 bolder 字体更粗。 100 200 300 400 500 600 700 800 900

定义从细体到粗体的字符。

400 与 normal 一样,700 与 bold 一样。

initial 将此属性设置为其默认值。请参阅 initial。 inherit 从其父元素继承此属性。请参阅 inherit。 技术细节 默认值: normal 返回值: 字符串值,表示字体的粗细。 CSS 版本: CSS1 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 fontVariant fontSizeAdjust HTML DOM Style 对象 JavaScript 和 HTML DOM 参考手册 JavaScript 实例 JavaScript 测验 JavaScript 教程

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。

关于 W3School 帮助 W3School 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3