JavaScript HTML DOM Style borderTop 属性

  • borderTop 属性

    borderTop属性以简写形式设置或返回最多三个单独的border-top属性。使用此属性,您可以设置/返回以下一个或多个(以任何顺序):
    • border-top-width
    • border-top-style
    • border-top-color
    将顶部边框添加到div元素:
    document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
    尝试一下
  • 浏览器支持

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

    返回borderTop属性:
    object.style.borderTop
    设置borderTop属性:
    object.style.borderTop = "width style color|initial|inherit"
  • 属性值

    描述
    width 设置顶部边框的宽度
    style 设置顶部边框的样式
    color 设置顶部边框的颜色
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 未标明
    返回值: 一个字符串,表示元素顶部边框的宽度,样式和/或颜色
    CSS版本 CSS1
  • 更多例子

    更改div元素顶部边框的宽度,样式和颜色:
    document.getElementById("myDiv").style.borderTop = "thin dotted red";
    
    尝试一下
    返回div元素的border-top属性值:
    alert(document.getElementById("myDiv").style.borderTop);
    
    尝试一下
  • 相关页面

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