上一節我們介紹了CSS top屬性的用法，那麼這節關於CSS border-top屬性用法學習起來就會輕鬆一些，border-top 簡寫屬性把上邊框的所有屬性設定到一個聲明中。
本文向大家描述一下CSS border-top屬性的用法，border-top 簡寫屬性把上邊框的所有屬性設定到一個聲明中，相信本文介紹一定會讓你有所收穫的。
CSS border-top屬性
定義和用法
border-top 簡寫屬性把上邊框的所有屬性設定到一個宣告中。
可以依序設定以下屬性：
border-top-width border-top-style border-top-color
如果不設定其中的某個值，也不會出問題，例如 border-top:solid #ff0000; 也是允許的。
| 預設值： | not specified |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.borderTop="3px solid blue" |
實例
設定上邊框的樣式：
p
{
border-style:solid;
border-top:thick double #ff0000;
}
瀏覽器支援
所有瀏覽器都支援 border-top 屬性。
註解：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| border-top-width | 規定上邊框的寬度。請參閱：border-top-width 中可能的值。 |
| border-top-style | 規定上邊框的樣式。請參閱：border-top-style 中可能的值。 |
| border-top-color | 規定上邊框的顏色。請參閱：border-top-color 中可能的值。 |
| inherit | 規定應該從父元素繼承 border-top 屬性的設定。 |
參考閱讀：http://www.manongjc.com/article/1188.html
