CSS border-top 屬性用來設定上框線的所有屬性。
定義和用法,瀏覽器支持,可能的值,TIY 實例,
定義和用法
border-top 簡寫屬性把上框線的所有屬性設定到一個聲明中。
可以按順序設定如下屬性：
- border-top-width
- border-top-style
- border-top-color
如果不設定其中的某個值，也不會出問題，比如 border-top:solid #ff0000; 也是允許的。
| 默認值： | not specified |
|---|---|
| 繼承性： | no |
| 版本： | |
| 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 屬性的設定。 |
TIY 實例
所有上框線屬性在一個聲明之中
本例演示用簡寫屬性來將所有上框線屬性設定於同一聲明之中。
<html>
<head>
<style type="text/css">
p
{
border-style:solid;
border-top:thick double #ff0000;
}
</style>
</head>
<body>
<p>This is some text in a paragraph.</p>
</body>
</html>
