最新的Web開發教程
 

Style borderLeft Property

<Style對象

例

左邊框添加到<div>元素：

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
試一試»

定義和用法

該borderLeft屬性設置或返回多達三個獨立的左邊框的屬性，在一個簡寫形式。

有了這個屬性，你可以設置/返回的一個或多個以下(in any order) ：

  • 左邊框寬度
  • 左邊框風格
  • 左邊框的顏色

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該borderLeft屬性在所有主流瀏覽器的支持。

句法

返回borderLeft屬性：

object .style.borderLeft

設置borderLeft屬性：

object .style.borderLeft=" 屬性值
參數 描述
width 設置左邊框的寬度
style 設置左邊框的樣式。
color 設置左邊框的顏色
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值： 未標明
返回值： 一個字符串，表示元素的左邊框的寬度，樣式和/或顏色
CSS版本 CSS1

更多示例

例

改變的左邊框的寬度，樣式及顏色<div>元素：

document.getElementById("myDiv").style.borderLeft = "thin dotted red";
試一試»

例

返回的左邊框的屬性值<div>元素：

alert(document.getElementById("myDiv").style.borderLeft);
試一試»

相關頁面

CSS教程： CSS邊框

CSS參考： border-left property

HTML DOM參考： border property

<Style對象