css border-bottom-style屬性
翻譯結果：
border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界，在…的邊上
vt.沿…的邊，環繞…，給…鑲邊
##vi.近似，毗鄰第三人稱單數： borders 複數： borders 現在分詞： bordering 過去式： bordered 過去分詞： bordered#bottom
n[ ˈbɒtəm] 美[ˈbɑ:təm] n.底部;末端;臀部;盡頭adj.底部的vt.裝底;測量深淺;找出真相vi.到達底部;建立基礎第三人稱單數： bottoms 複數： bottoms 現在分詞： bottoming 過去式： bottomed 過去分詞： bottomedstyle
#英[staɪl] 美[staɪl] n.方式;樣式;時髦;儀表，品味vt.設計;稱呼;為…造型vi.使符合流行式樣;用刻刀作裝飾畫第三人稱單數： styles 複數： styles 現在分詞： styling 過去式： styled 過去分詞： styledcss border-bottom-style屬性語法
作用：設定元素下邊框的樣式。
說明：只有當這個值不是 none 時邊框才可能出現。在 CSS1 中，HTML 使用者代理程式只需支援 solid 和 none。
註解：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit" 或 "hidden"。
css border-bottom-style屬性範例
<html>
<head>
<style type="text/css">
p {border-style:solid}
p.none {border-bottom-style:none}
p.dotted {border-bottom-style:dotted}
p.dashed {border-bottom-style:dashed}
p.solid {border-bottom-style:solid}
p.double {border-bottom-style:double}
p.groove {border-bottom-style:groove}
p.ridge {border-bottom-style:ridge}
p.inset {border-bottom-style:inset}
p.outset {border-bottom-style:outset}
</style>
</head>
<body>
<p class="none">No bottom border.</p>
<p class="dotted">A dotted bottom border.</p>
<p class="dashed">A dashed bottom border.</p>
<p class="solid">A solid bottom border.</p>
<p class="double">A double bottom border.</p>
<p class="groove">A groove bottom border.</p>
<p class="ridge">A ridge bottom border.</p>
<p class="inset">An inset bottom border.</p>
<p class="outset">An outset bottom border.</p>
</body>
</html>執行實例 »
點擊 "執行實例" 按鈕查看線上實例