CSS border-top-color 属性

定義和用法

border-top-color 設定元素的上邊框的顏色。

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

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

另請參考：

CSS 教程：CSS 边框

CSS 參考手冊：border-top 屬性

HTML DOM 參考手冊：borderTopColor 屬性

實例

設置上邊框的顏色：

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

親自試試

CSS 語法

border-top-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.borderTopColor="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"。