1. <span id="z4nqb"></span>

      border-color

      • 版本:CSS1
      • 2018.3.2

      border-color 短屬性語法:

      border-color<color>{1,4}

      默認(rèn)值看每個獨立屬性

      適用于:所有元素

      繼承性:無

      動畫性:看每個獨立屬性

      計算值:看每個獨立屬性

      媒 體:視覺

      border-*-color 分拆獨立屬性語法:

      border-top-color, border-right-color, border-bottom-color, border-left-color<color>

      默認(rèn)值currentColor

      適用于:所有元素

      繼承性:無

      動畫性:是

      計算值:指定值

      媒 體:視覺

      取值:

      <color>
      指定顏色。

      說明:

      定義元素的邊框顏色。
      • border-color如果提供全部四個參數(shù)值,將按上、右、下、左的順序作用于四邊;只提供一個,將用于全部的四邊;提供兩個,第一個用于上、下,第二個用于左、右;提供三個,第一個用于上,第二個用于左、右,第三個用于下。
      • 如果border-width等于0border-style設(shè)置為none | hidden,border-color及其分拆獨立屬性將失效。
      • 如果 border-color 未被定義,邊框顏色將默認(rèn)取當(dāng)前最近的文本顏色,即 currentColor。

        舉個例子:

        .demo { border: 5px solid; } <div id="qg1vjhaigs" class="demo"> <p class="text">邊框色未被定義時,邊框色與最近的文本色相同</p> </div>

        這個例子中,只定義了一個 5px 的實線框而未定義顏色,此時,邊框色將會取文本色來使用,所以大家將會看到一個黑色的邊框

      • 對應(yīng)的腳本特性分別為:borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor。

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
      Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
      RGBA, HSL, HSLA 8.0 #1
      9.0+
      1. 需要注意的是,邊框顏色如果設(shè)置了不支持的值,則效果等同于默認(rèn)值 currentColor。

      示例:

        • <span id="z4nqb"></span>
          日韩三级大香蕉 | 豆花视频网页版 | h片免费在线观看 | 麻豆传媒一区二区在线观看 | 无码成人一区二区三区四区五区 | 国产操屄激情免费视频 | 欧美成人网在线 | 欧美大鸡吧操逼 | 97办公室三级电影中文字幕 | 台湾无码一区 |