JavaScript HTML DOM Style borderBottomWidth 属性

  • borderBottomWidth 属性

    borderBottomWidth属性设置或返回元素底部边框的宽度。
    将<div>元素的下边框宽度更改为10px:
    document.getElementById("myDiv").style.borderBottomWidth = "10px";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    borderBottomWidth
    4.0+
    1.0+
    1.0+
    1.0+
    3.5+
  • 语法

    返回borderBottomWidth属性:
    object.style.borderBottomWidth
    设置borderBottomWidth属性:
    object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"
  • 属性值

    描述
    thin 定义细边框
    medium 定义中等边框。 这是默认值
    thick 定义粗边框
    length 边框的宽度以长度为单位
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: medium
    返回值: 一个字符串,表示元素底部边框的宽度
    CSS版本 CSS1
  • 更多例子

    将<div>元素的下边框宽度更改为thin:
    document.getElementById("myDiv").style.borderBottomWidth = "thin";
    
    尝试一下
    返回div元素的下边框的宽度:
    alert(document.getElementById("myDiv").style.borderBottomWidth);
    
    尝试一下
    展示所有不同的值 :
    var listValue = selectTag.options[selectTag.selectedIndex].text;
    document.getElementById("myDiv").style.borderBottomWidth = listValue;
    
    尝试一下
  • 相关页面

    CSS教程:CSS边框
    HTML DOM 参考:border属性