border
設定在物件周圍繪製的屬性。
語法
{ border: sBorder }
可能的值
sBorder
指定或接收下列一或多個空格分隔值的字串:
color |
border-color 屬性可用的任何色彩值範圍。 |
樣式 - Style |
border-style 屬性可用的任何樣式值範圍。預設值為 none。 |
width |
border-width 屬性可用的任何寬度值範圍。預設值為 medium。 |
此屬性的預設值為 medium none。這不是繼承屬性。
備註
border 屬性是複合屬性,可設定物件所有四個邊的寬度、樣式和色彩值。
指定寬度或色彩時必須指定樣式,否則框線將無法呈現。
如果有個別的框線屬性不是由複合屬性所設定,則是由其預設值所設定。例如,width 的預設值為 medium。
設定 border=thin 等同於 border=thin none;如果一開始未設定,框線色彩的預設值將與文字色彩相同。因此,不僅此屬性會將 width 設定為 thin,而且會清除先前設定的任何樣式或色彩值。
如果未指定色彩,則會使用文字色彩。
範例
下列範例使用 border 屬性來指定組合框線屬性。此範例使用內嵌 (全域) 樣式表的呼叫來修改 border 屬性:
<head><style>
.applyborder { border: 0.2cm groove orange; }
.removeborder { border: none; }
</style>
</head>
<body>
<table border >
<tr>
<td onmouseover="this.className='applyborder '" onmouseout="this.className='removeborder '">
<img src="sphere.jpg"></td>
</tr>
</table>
標準資訊
此屬性是在全球資訊網協會 (W3C) 文件物件模組 (DOM) 層級 1 (英文) 與階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。
適用於
A、ABBR、ACRONYM、B、BDO、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、CUSTOM、DD、DEFAULTS、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、FRAME、HN、I、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、INS、LI、OBJECT、OL、P、Q、S、SPAN、SUB、TABLE、TD、TH、TT、U、UL、VAR、XMP