border-color

介绍

border-color属性是一个用于设置元素四个边框颜色(border-top-color, border-right-color, border-bottom-color, border-left-color)的快捷属性。

取值

• <color> 支持单值、双值、三值和四值语法。
  
  • 单值语法：
    同时指定四个边框的颜色。
  • 双值语法：
    第一个值指定左边框border-left-color和右边框border-right-color的值。
    第二个值指定上边框border-top-color和下边框border-bottom-color的值。
  • 三值语法：
    第一个值指定上边框border-top-color的值。
    第二个值指定左边框border-left-color和右边框border-right-color的值。
    第三个值指定下边框border-bottom-color的值。
  • 四值语法：
    第一个值指定上边框border-top-color的值。
    第二个值指定右边框border-right-color的值。
    第三个值指定下边框border-bottom-color的值。
    第四个值指定左边框border-left-color的值。

样例：

/* border-color: color; 单值语法 */
border-color: red;

/* border-color: vertical horizontal; 双值语法*/
border-color: red #f015ca;

/* border-color: top horizontal bottom; 三值语法 */
border-color: red yellow green;

/* border-color: top right bottom left; 四值语法 */
border-color: red yellow green blue;

标准化语法

<color>{1, 4}