border

英[ˈbɔ:də(r)]   美[ˈbɔ:rdə(r)]  

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

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

vt.沿…的邊,環繞…,給…鑲邊

##vi.近似,毗鄰

第三人稱單數: borders 複數: borders 現在分詞: bordering 過去式: bordered 過去分詞: bordered

#top

英[ tɒp]   美[tɑ:p]  

n.頂,頂部;(箱子)蓋,(書頁等的)上欄;首席;陀螺

adj.最高的;頂上的;頭等的;最大的

vt.形成頂部;達到…的頂端;處於…的最前頭;領導

vi.總結;超越;高聳;結束

第三人稱單數: tops 複數: tops 現在分詞: topping 過去式: topped 過去分詞: topped

style

英[staɪl]   美[staɪl]  

n[staɪl]   美[staɪl]  

]

n.方式;樣式;時髦;儀表,品味

vt.設計;稱呼;為…造型######vi.使符合流行式樣;用刻刀作裝飾畫## ####第三人稱單數: styles 複數: styles 現在分詞: styling 過去式: styled 過去分詞: styled###

css border-top-style屬性 語法

作用:設定元素上邊框的樣式。

說明:只有當這個值不是 none 時邊框才可能出現。在 CSS1 中,HTML 使用者代理程式只需支援 solid 和 none。

註解:任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit" 或 "hidden"。

css border-top-style屬性 範例

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

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

執行實例 »

點擊 "執行實例" 按鈕查看線上實例