定義和用法
該borderBottomStyle屬性設置或返回元素的下邊框的風格。
瀏覽器支持
在表中的數字規定，完全支持該財產瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
注：值"hidden"是不是在IE7和更早版本的支持。 IE9及更高版本支持"hidden" 。
句法
返回borderBottomStyle屬性：
object .style.borderBottomStyle
設置borderBottomStyle屬性：
object .style.borderBottomStyle= value 屬性值
| 值 | 描述 |
|---|---|
| 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.borderBottomStyle = "dotted";
試一試» 例
所有不同值的演示：
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; 試一試» 相關頁面
CSS教程： CSS邊框
CSS參考： border-bottom-style property
HTML DOM參考： border property
<Style對象