Style borderLeftStyle 屬性

定義和用法

borderLeftStyle 屬性設置或返回元素左邊框的樣式。

另請參閱：

CSS 教程：CSS 邊框

CSS 參考手冊：border-left-style 屬性

HTML DOM 參考手冊：border 屬性

實例

例子 1

為 <div> 元素添加實心左邊框：

document.getElementById("myDiv").style.borderLeftStyle = "solid";

親自試一試

例子 2

將 <div> 元素的左邊框樣式更改為 "dotted"：

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

親自試一試

例子 3

返回 <div> 元素的左邊框樣式：

alert(document.getElementById("myDiv").style.borderLeftStyle);

親自試一試

例子 4

對所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

親自試一試

語法

返回 borderLeftStyle 屬性：

object.style.borderLeftStyle

設置 borderLeftStyle 屬性：

object.style.borderLeftStyle = value
值 描述
none 定義無邊框。默認。
hidden 與 "none" 相同，但在解決表格元素的邊框沖突中除外。
dotted 定義點狀邊框。
dashed 定義虛線邊框。
solid 定義實心邊框。
double 定義兩個邊界。兩個邊框的寬度與 border-width 的值相同。
groove 定義 3D 凹槽邊框。效果取決于 border-color 的值。
ridge 定義 3D 脊狀邊界。效果取決于 border-color 的值。
inset 定義 3D inset 邊框。效果取決于 border-color 的值。
outset 定義 3D outset 邊框。效果取決于 border-color 的值。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： none
返回值： 字符串，表示元素左邊框的樣式。
CSS 版本： CSS1

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持