Latest web development tutorials

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 語法: objectobject.style.borderColor="#FF0000 blue"

瀏覽器支持

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

属性
border-color 1.0 4.0 1.0 1.0 3.5

屬性值

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

相關文章

CSS教程: CSS Border