border-left-style
設定物件左框線的樣式。
語法
{ border-left-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-left-style 屬性。
範例
下列範例使用 border-left-style 屬性來指定框線樣式。此範例使用內嵌 (全域) 樣式表的呼叫，將左框線的樣式變更為 groove：
<head><style>
td {border-left-style: solid; border-width:0.3cm}
.change {border-left-style: groove}
</style>
</head>
<body>
<table border >
<tr>
<td onmouseover="this.className='change'" onmouseout="this.className=''">
<img src="sphere.jpg">
</td>
</tr>
</table>
標準資訊
此屬性是在階層式樣式表 (CSS) 層級 2 (CSS2) (英文) 中定義。
適用於
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