定義和用法
該borderTopStyle屬性設置或返回元素的上邊框的風格。
瀏覽器支持
該borderTopStyle屬性在所有主流瀏覽器的支持。
句法
返回borderTopStyle屬性：
object .style.borderTopStyle
設置borderTopStyle屬性：
object .style.borderTopStyle= value |initial|inherit
屬性值
| 值 | 描述 |
|---|---|
| none | 定義無邊框。 這是默認 |
| hidden | 同"none" ，除了在邊境解決衝突表格元素 |
| dotted | 定義虛線邊框 |
| dashed | 定義一個虛線框 |
| solid | 定義了堅實的邊界 |
| double | 定義了兩個邊界。 兩個邊框的寬度是相同的邊框寬度值 |
| groove | 定義3D溝槽邊界。 該效果取決於邊框顏色值 |
| ridge | 定義3D脊邊界。 該效果取決於邊框顏色值 |
| inset | 定義3D插圖邊框。 該效果取決於邊框顏色值 |
| outset | 3D突出邊框。 該效果取決於邊框顏色值 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
技術細節
| 默認值： | 沒有 |
|---|---|
| 返回值： | 一個字符串，代表元素上邊框的樣式 |
| CSS版本 | CSS1 |
更多示例
例
更改頂部邊框的樣式<div>元素，以"dotted" ：
document.getElementById("myDiv").style.borderTopStyle = "dotted";
試一試» 例
所有不同值的演示：
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; 試一試» 相關頁面
CSS教程： CSS邊框
CSS參考： border-top-style property
HTML DOM參考： border property
<Style對象