border-top属性是用于设置元素顶部边框的宽度，颜色和样式的简写属性。
border-top属性可以同时设置一个元素的border-top-width属性、border-top-style属性和border-top-color属性。
border-top属性可以接收1个、2个或3个属性值，没有设置的值会使用它们的初始值。
border-top属性中的值的顺序是可以任意的。如果你单独设置了某个元素的顶部边框的属性之后再使用border-top属性来设置顶部边框样式，那么border-top属性中的值会覆盖前面设置的值，没有被设置的值使用它的默认值。例如：
border-top-style: dotted;
border-top: thick green;
上面的代码等效于：
border-top-style: dotted;
border-top: none thick green;
由于在border-top属性中的没有给出border-top-style属性，它会被设置为初始值none，前面设置的border-top-style: dotted;将会被忽略。
官方语法
border-top: <line-width> || <line-style> || <color>
参数：
<line-width>：顶部边框的宽度。详细信息可以查看border-top-width属性。<line-style>：顶部边框的样式。详细信息可以查看border-top-style属性。<color>：顶部边框的颜色。详细信息可以查看border-top-color属性。
border-top属性的初始值为：
border-top-width: medium
border-top-style: none
border-top-color: currentColor
下面是border-top属性取值的示例代码：
border-top: 1px;
border-top: 2px dotted;
border-top: medium dashed blue;
在线演示
下面的例子为元素顶部边框设置10像素的绿色实线边框。
顶部边宽度为10像素绿色实线
浏览器支持
所有的现代浏览器都支持border-top属性，包括Chrome，Firefox，Safari，Opera，IE 以及 Android 和 iOS。
