border
設定在物件周圍繪製的屬性。
語法
{ border: sBorder }
可能的值
sBorder
指定下列一或多個空格分隔值的字串：
color |
border-color 屬性可用的任何色彩值範圍。 |
style |
border-style 屬性可用的任何樣式值範圍。預設值為 none 。 |
width |
border-width 屬性可用的任何寬度值範圍。預設值為 medium 。 |
此屬性的預設值為 medium none 。這不是繼承屬性。
備註
border 屬性是複合屬性，可設定物件所有四個邊的寬度、樣式和色彩值。
指定寬度或色彩時必須指定樣式，否則框線將無法呈現。
如果有個別的框線屬性不是由複合屬性所設定，則是由其預設值所設定。例如，寬度的預設值為 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>
標準資訊
您可以在 World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (全球資訊網協會 (W3C) 文件物件模組 (DOM) 層級 1) .png "Ee371279.xtlink_newWindow(zh-tw,Expression.40).png")
和 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (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