CSS border-color 屬性

2022-06-02 14:55 更新

CSS border-color 屬性

實例

設置四個邊框顏色:

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

嘗試一下 ?

屬性定義及使用說明

border-color屬性屬性設置四條邊框的顏色,此屬性可設置 1 到 4 種顏色。

border-color 屬性是一個簡寫屬性,可設置一個元素的所有邊框中可見部分的顏色,或者為 4 個邊分別設置不同的顏色。請看下面的例子:

實例:

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

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

border-color:紅,綠,藍;

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

border-color:紅,綠;

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

border-color:紅色;

  • 所有四個邊框是紅色

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

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


瀏覽器支持

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

屬性          
border-color 1.0 4.0 1.0 1.0 3.5

屬性值

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


相關文章

CSS 教程: CSS Border

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號