HTML DOM Style borderLeft 屬性

2018-08-04 20:41 更新

Style borderLeft 屬性

Style 對象參考手冊 Style 對象

定義和用法

borderLeft 屬性以速記形式設(shè)置或返回三個(gè)獨(dú)立的左邊框?qū)傩浴?/p>

通過該屬性,您可以設(shè)置/返回:

  • border-left-width
  • border-left-style
  • border-left-color

語法

設(shè)置 borderLeft 屬性:

Object.style.borderLeft="width style color"

返回 borderLeft 屬性:

Object.style.borderLeft

提示:borderLeft 屬性沒有默認(rèn)值。

參數(shù) 描述
width 設(shè)置左邊框的寬度。
style 設(shè)置左邊框的樣式。
color 設(shè)置左邊框的顏色。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要瀏覽器都支持 borderLeft 屬性。


實(shí)例

實(shí)例

更改左邊框的寬度、樣式和顏色:

<html>
<head>
<style type="text/css">
#ex1
{
border: thin dotted #FF0000;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.borderLeft="thick solid #0000FF";
}
</script>
</head>
<body>

<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change left border</button>

</body>
</html>

嘗試一下 ?


Style 對象參考手冊 Style 對象
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號