HTML - DOM样式对象font属性

HTML DOM 样式对象**font**属性设置或返回字体属性。它是一个简写属性，包含下面列出的六个不同的属性。在六个属性中，font-size和font-family是必需的属性值。

font-style
font-variant
font-weight
font-size
line-height
font-family

语法

设置 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;";

获取 font 属性

object.style.font;

属性值

值	描述
font-style	指定元素的字体样式。
font-variant	指定元素的小写字母字体。
font-weight	指定元素的字体粗细。
font-size	指定元素的字体大小。
line-height	指定行间距。
font-family	指定元素的字体。
caption	指定用于标题控件（例如按钮）的字体。
icon	指定用于标记图标的字体。
menu	指定菜单中使用的字体。
message-box	指定对话框中使用的字体。
small-caption	指定小型控件中使用的字体。
status-bar	指定窗口状态栏中使用的字体。
initial	用于将此属性设置为其默认值。
inherit	用于继承其父元素的属性。

返回值

它返回一个字符串值，表示元素的不同字体属性。

HTML DOM 样式对象“font”属性示例

以下示例将不同的字体属性应用于段落元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM Style Object font Property
    </title>
</head>
<body>
    <p>Click to change different font properties.</p>
    <button onclick="fun()">Change Font</button>
    <p id="font">Welcome to Tutorials Point.</p>
    <script>
        function fun() {
            document.getElementById("font").style.font=
                "oblique bold 20px larger Brush Script MT, cursive";
        }
    </script>
</body>
</html>

支持的浏览器

属性
font	是 1	是 12	是 1	是 1	是 3.5

html_dom_style_object_reference.htm

打印页面