css border-width屬性
翻譯結果:
border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界,在…的邊上
vt.沿…的邊,環繞…,給…鑲邊
##vi.近似,毗鄰第三人稱單數: borders 複數: borders 現在分詞: bordering 過去式: bordered 過去分詞: bordered#width
英[ wɪdθ] 美[wɪdθ, wɪθ, wɪtθ] n.寬度;廣度複數: widthscss border-width屬性語法
作用:為元素的所有邊框設定寬度,或單獨為各邊邊框設定寬度。
說明:只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none,邊框寬度實際上會重設為 0。不允許指定負長度值。
註解:任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。
css border-width屬性範例
<html> <head> <style type="text/css"> p.one { border-style: solid; border-width: 5px } p.two { border-style: solid; border-width: thick } p.three { border-style: solid; border-width: 5px 10px } p.four { border-style: solid; border-width: 5px 10px 1px } p.five { border-style: solid; border-width: 5px 10px 1px medium } </style> </head> <body> <p class="one">Some text</p> <p class="two">Some text</p> <p class="three">Some text</p> <p class="four">Some text</p> <p class="five">Some text</p> <p><b>注释:</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p> </body> </html>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例