border-bottom · CSS基礎

## border-bottom 屬性 ### 標簽定義及使用說明 border-bottom縮寫屬性設置一個聲明中所有底部邊框屬性。可以設置的屬性分別（按順序）：border-bottom-width, border-bottom-style,和border-bottom-color. 如果上述值缺少一個沒有關系，例如border-bottom：＃FF0000;是允許的 JavaScript 語法:object object.style.borderBottom="3px solid blue" ***** ## Property Values | 值 | 描述 | | :-- | :-- | | *[border-bottom-width](https://www.w3cschool.cn/cssref/pr-border-bottom-width.html)* | 指定底部邊框寬度 | | *[border-bottom-style](https://www.w3cschool.cn/cssref/pr-border-bottom-style.html)* | 指定底部邊框樣式 | | *[border-bottom-color](https://www.w3cschool.cn/cssref/pr-border-bottom_color.html)* | 指定底部邊框顏色 | | inherit | 指定border-bottom 屬性值，應該從父元素繼承 | * * * **實例** ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> p { border-style:solid; border-bottom:thick dotted #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> ```