CSS border-color 屬性


實例

設置四個邊框顏色:

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


屬性定義及使用說明

border-color屬性設置一個元素的四個邊框顏色。此屬性可以有一到四個值。

實例:

border-color:紅,綠,藍,粉紅色;

  • 上邊框是紅色
  • 右邊框是綠色
  • 底部邊框是藍
  • 左邊框是粉紅色

border-color:紅,綠,藍;

  • 上邊框是紅色
  • 左,右邊框是綠色
  • 底部邊框是藍

border-color:紅,綠;

  • 頂部和底部邊框是紅色
  • 左右邊框是綠色

border-color:紅色;

  • 所有四個邊框是紅色

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

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


流覽器支持

表格中的數字表示支持該屬性的第一個流覽器版本號。

屬性
border-color 1.0 4.0 1.0 1.0 3.5

屬性值

說明
color 指定背景顏色。在CSS顏色值查找顏色值的完整列表
transparent 指定邊框的顏色應該是透明的。這是默認
inherit 指定邊框的顏色,應該從父元素繼承


相關文章

CSS 教學: CSS Border