border-right-style

設定物件右框線的樣式。

語法

{ border-right-style:sStyle}

可能的值

sStyle

指定下列其中一個值的字串:

none

預設值。不論 border-width 為何,不繪製框線。

dashed

框線是由破折號組成的虛線。

dotted

框線是由點組成的虛線。

double

框線是繪製在物件背景上方的雙線。兩條單線之寬度與兩條單線之間空白的總和等於 border-width 的值。框線寬度至少必須是 3 像素,才能繪製雙框線。

groove

根據值繪製彩色的 3D 立體內凹。

inset

根據值繪製彩色的 3D 內凹。

outset

根據值繪製彩色的 3D 外凸。

ridge

根據值繪製彩色的 3D 立體浮凸。

solid

框線是實線。

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

備註

必須設定大於零的 border-width ,才能呈現 border-right-style 屬性。

範例

下列範例使用 border-right-style 屬性來指定框線樣式。此範例會呼叫內嵌樣式表,以將下框線的樣式變更為 groove

<head><style>
    td { border-right-style: solid; border-width: 0.3cm; }
    .change { border-right-style: groove; }
</style>
</head>
<body>
<table border >
<tr>
  <td onmouseover="this.className='change'" onmouseout="this.className=''">
    <img src="sphere.jpg">
  </td>
</tr>
</table>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 2 (CSS2) (階層式樣式表 (CSS) 層級 2 (CSS2)) Ee371253.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-width