目录

style borderTop 属性

示例

向 <div> 元素添加顶部边框:

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
亲自试一试 »

描述

borderTop 属性以简写形式设置或返回最多三个单独的 border-top 属性。

使用此属性,您可以设置/返回以下一项或多项(按任意顺序):

  • 边框顶部宽度
  • 顶部边框样式
  • 边框顶部颜色

浏览器支持

Property
borderTop Yes Yes Yes Yes Yes

语法

返回 borderTop 属性:

object.style.borderTop

设置 borderTop 属性:

object.style.borderTop = "width style color|initial|inherit"

属性值

Parameter Description
width Sets the width of the top border
style Sets the style of the top border
color Sets the color of the top border
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 未指定
返回值: 一个字符串,表示元素上边框的宽度、样式和/或颜色
CSS版本 CSS1

更多示例

示例

更改 <div> 元素上边框的宽度、样式和颜色:

document.getElementById("myDiv").style.borderTop = "thin dotted red";
亲自试一试 »

示例

返回 <div> 元素的 border-top 属性值:

alert(document.getElementById("myDiv").style.borderTop);
亲自试一试 »

相关页面

CSS教程:CSS 边框

CSS 参考:边框顶部属性

HTML DOM 参考:边境属性