border

英 [?b?:d?(r)]? ?美 [?b?:rd?(r)]??

n.邊界;邊;鑲邊;包邊

vt.& vi.與…接界,在…的邊上

vt.沿…的邊,環(huán)繞…,給…鑲邊

vi.近似,毗鄰

第三人稱單數(shù): borders 復(fù)數(shù): borders 現(xiàn)在分詞: bordering 過(guò)去式: bordered 過(guò)去分詞: bordered

left

英 [left]? ?美 [l?ft]??

adj.左邊的,左側(cè)的;左派的

n.左,左面;[軍]左翼;左派,激進(jìn)分子

adv.向左;在左邊

v.離開(kāi)( leave的過(guò)去式和過(guò)去分詞)

復(fù)數(shù): lefts

style

英 [sta?l]? ?美 [sta?l]??

n.方式;樣式;時(shí)髦;儀表,品位

vt.設(shè)計(jì);稱呼;為…造型

vi.使符合流行式樣;用刻刀作裝飾畫(huà)

第三人稱單數(shù): styles 復(fù)數(shù): styles 現(xiàn)在分詞: styling 過(guò)去式: styled 過(guò)去分詞: styled

CSS border-left-style 屬性 語(yǔ)法

作用:設(shè)置元素左邊框的樣式。

說(shuō)明:只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。在 CSS1 中,HTML 用戶代理只需支持 solid 和 none。

注釋?zhuān)?/strong>任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit" 或 "hidden"。

CSS border-left-style 屬性 示例

<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
}
p.none {border-left-style:none}
p.dotted {border-left-style:dotted}
p.dashed {border-left-style:dashed}
p.solid {border-left-style:solid}
p.double {border-left-style:double}
p.groove {border-left-style:groove}
p.ridge {border-left-style:ridge}
p.inset {border-left-style:inset}
p.outset {border-left-style:outset}
</style>
</head>

<body>
<p class="none">No left border.</p>
<p class="dotted">A dotted left border.</p>
<p class="dashed">A dashed left border.</p>
<p class="solid">A solid left border.</p>
<p class="double">A double left border.</p>
<p class="groove">A groove left border.</p>
<p class="ridge">A ridge left border.</p>
<p class="inset">An inset left border.</p>
<p class="outset">An outset left border.</p>
</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例