border
英[?b?:d?(r)]? ?美[?b?:rd?(r)]??
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界，在…的邊上
vt.沿…的邊，環(huán)繞…，給…鑲邊
##vi.近似，毗鄰第三人稱單數(shù)： borders 複數(shù)： borders 現(xiàn)在分詞： bordering 過去式： bordered 過去分詞： borderedstyle
英[ sta?l]? ?美[sta?l]??n.方式;樣式;時(shí)髦;儀表，品味vt.設(shè)計(jì);稱呼;為…造型vi.使符合流行式樣樣#vt.設(shè)計(jì);稱呼;為…造型vi.使符合流行式樣樣。 ;用刻刀作裝飾畫第三人稱單數(shù)： styles 複數(shù)： styles 現(xiàn)在分詞： styling 過去式： styled 過去分詞： styled###css border-style屬性 語法
作用：用於設(shè)定元素所有邊框的樣式，或單獨(dú)為各邊設(shè)定邊框樣式。
說明：只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。
註解：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit" 或 "hidden"。
css border-style屬性 範(fàn)例
<html>
<head>
<style type="text/css">
p.dotted {border-style: dotted}
p.dashed {border-style: dashed}
p.solid {border-style: solid}
p.double {border-style: double}
p.groove {border-style: groove}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}
</style>
</head>
<body>
<p class="dotted">A dotted border</p>
<p class="dashed">A dashed border</p>
<p class="solid">A solid border</p>
<p class="double">A double border</p>
<p class="groove">A groove border</p>
<p class="ridge">A ridge border</p>
<p class="inset">An inset border</p>
<p class="outset">An outset border</p>
</body>
</html>執(zhí)行實(shí)例 ?
點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例