border-width

  • 發行項

設定物件的上、右、下及左框線的寬度。

語法

{ border-width: sWidth }

可能的值

sWidth

指定或接收下列最多四個值的字串：

medium

預設值。

thick

大於預設值的寬度。

thin

小於預設值的寬度。

width

包含浮點數的寬度，後面跟著絕對單位指示項 ( cm 、 mm 、 in 、 pt 或 pc ) 或相對單位指示項 ( em 、 ex 或 px )。

如需有關有效寬度值的詳細資訊，請參閱長度單位參照。

此屬性的預設值為 medium 。這不是繼承屬性。

備註

您最多可指定四個不同寬度，依照下列順序：上、右、下、左。如果指定一個寬度，所有四個邊都會使用此寬度。如果指定兩個寬度，那麼上和下框線會使用第一個寬度，而左和右框線則會使用第二個寬度。如果指定三個寬度，則分別會用於上、右/左和下框線。

如果 border-style 屬性設為 none ，則不會呈現 border-width 屬性。

範例

下列範例使用 border-width 屬性來指定框線的寬度。此範例使用內嵌 (全域) 樣式表的呼叫，在滑鼠點選動作發生時，將框線寬度變更為 1 公分：

<head><style>
    td { border-width: 3mm; }
    .changeborder 1 { border-width: 1cm; }
</style>
</head>
<body>
<table border >
<tr>
    <td onclick="this.className='changeborder 1'"
        ondblclick="this.className=''">
        <img src="sphere.jpg"></td>
</tr>
</table>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) Ee371314.xtlink_newWindow(zh-tw,Expression.40).png (英文) 中定義。

適用於

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、HR、I、IFRAME、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
border-style