共用方式為


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

請參閱

概念

border-width

border-style

border-color