border-bottom-color · CSS基礎

## border-bottom-color 屬性 border-bottom-color屬性設置元素的底部邊框顏色。 **注意**使用border-bottom顏色屬性前，必須先聲明border樣式屬性。元素必須有邊框，你才可以改變顏色。 JavaScript 語法:object object.style.borderBottomColor="blue" * * * ## 瀏覽器支持 ![Internet Explorer](https://7n.w3cschool.cn/statics/images/course/compatible_ie.gif "Internet Explorer")![Firefox](https://7n.w3cschool.cn/statics/images/course/compatible_firefox.gif "Firefox")![Opera](https://7n.w3cschool.cn/statics/images/course/compatible_opera.gif "Opera")![Google Chrome](https://7n.w3cschool.cn/statics/images/course/compatible_chrome.gif "Google Chrome")![Safari](https://7n.w3cschool.cn/statics/images/course/compatible_safari.gif "Safari") 所有主要瀏覽器都支持border-bottom-color屬性。 **注意**Internet Explorer6（和更早版本）不支持"transparent"屬性值。 **注意**IE7和更早的版本不支持"inherit(繼承)"的值。 IE8需要定義！DOCTYPE。 IE9支持"inherit(繼承)"。 * * * ## Property Values | 值 | 描述 | 測試 | | :-- | :-- | :-- | | *color* | 指定背景顏色。在CSS[顏色值](https://www.w3cschool.cn/cssref/css-colors-legal.html)查找顏色值的完整列表。 | | transparent | 指定邊框的顏色應該是透明的。這是默認 | | inherit | 指定邊框的顏色，應該從父元素繼承 | ? | **實例** ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> p { border-style:solid; border-bottom-color:#ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> ```