CSS border-bottom-color 屬性

定義和用法

border-bottom-color 設置元素的下邊框的顏色。

只能定義純色,而且只有當邊框的樣式是一個非 none 或 hidden 的值時邊框才可能出現。

注釋:請始終把 border-style 屬性聲明到 border-color 屬性之前。元素必須在您改變其顏色之前獲得邊框。

另請參閱:

CSS 教程:CSS 邊框

CSS 參考手冊:border-bottom 屬性

HTML DOM 參考手冊:borderBottomColor 屬性

實例

設置下邊框的顏色:

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

親自試一試

CSS 語法

border-bottom-color: color|transparent|initial|inherit;

屬性值

描述
color_name 規定顏色值為顏色名稱的邊框顏色(比如 red)。
hex_number 規定顏色值為十六進制值的邊框顏色(比如 #ff0000)。
rgb_number 規定顏色值為 rgb 代碼的邊框顏色(比如 rgb(255,0,0))。
transparent 默認值。邊框顏色為透明。
inherit 規定應該從父元素繼承邊框顏色。

技術細節

默認值: not specified
繼承性: no
版本: CSS1
JavaScript 語法: object.style.borderBottomColor="blue"

更多實例

設置下邊框的顏色
本例演示如何設置下邊框的顏色。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

注釋:Internet Explorer 6(以及更早的版本)不支持屬性值 "transparent"。

注釋:IE7 以及更早版本的瀏覽器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。