border-bottom-style · CSS基礎

## border-bottom-style 屬性 ### 屬性定義及使用說明 border-bottom-style屬性設置元素底部邊框樣式。 JavaScript 語法:object object.style.borderBottomStyle="dotted" ## 屬性值 | 值 | 說明 | | :-- | :-- | | none | 指定無邊框 | | hidden | 與"none" 相同。不過應用于表時除外，對于表，hidden 用于解決邊框沖突。 | | dotted | 指定點狀邊框 | | dashed | 指定虛線邊框 | | solid | 指定實線邊框 | | double | 指定一個雙邊框 | | groove | 定義雙線。雙線的寬度等于 border-width 的值 | | ridge | 定義三維菱形邊框。其效果取決于 border-color 的值 | | inset | 定義三維凹邊框。其效果取決于 border-color 的值 | | outset | 定義三維凸邊框。其效果取決于 border-color 的值 | | inherit | 指定應該從父元素繼承邊框樣式 | * * * ## 實例 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> 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> No bottom border. A dotted bottom border. A dashed bottom border. A solid bottom border. A double bottom border. A groove bottom border. A ridge bottom border. An inset bottom border. An outset bottom border. </body> </html> ```