border-bottom-style
設定物件的下框線樣式。
語法
{ border-bottom-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-bottom-style 屬性。
範例
下列範例使用 border-bottom-style 屬性來指定框線樣式。此範例會呼叫內嵌樣式表，以將下框線的樣式變更為 groove ：
<head><style>
td { border-bottom-style: solid; border-width: 0.3cm; }
.change { border-bottom-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)) .png "Ee371219.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