JavaScript HTML DOM Style fontSize 属性

  • fontSize 属性

    fontSize属性设置或返回文本的字体大小。
    将p元素的字体大小设置为“xx-large”:
    document.getElementById("myP").style.fontSize = "xx-large";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    fontSize
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回fontSize属性:
    object.style.fontSize
    设置fontSize属性:
    object.style.fontSize = "value|initial|inherit"
  • 属性值

    描述
    • xx-small
    • x-small
    • small
    • medium
    • large
    • x-large
    • xx-large
    将字体大小设置为不同的固定大小,从xx-small到xx-large
    smaller 将字体大小减少一个相对单位
    larger 将字体大小增加一个相对单位
    length 以长度单位定义字体大小
    % 将font-size设置为父元素字体大小的%
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: medium
    返回值: 一个字符串,表示元素中文本的字体大小
    CSS版本 CSS1
  • 更多例子

    可能值的演示:
    var listValue = selectTag.options[selectTag.selectedIndex].text;
    document.getElementById("myP").style.fontSize = listValue;
    
    尝试一下
    返回p元素的字体大小:
    alert(document.getElementById("myP").style.fontSize);
    
    尝试一下
  • 相关页面

    CSS教程:CSS 字体
    CSS参考:CSS font-size 属性
    HTML DOM 参考:font 属性