CSS border-color 属性

css border-color 属性设置一个元素的四个边框颜色

此属性可以有一到四个值

使用方式

  1. border-color:红,绿,蓝,粉红色;

    • 上边框是红色
    • 右边框是绿色
    • 底部边框是蓝
    • 左边框是粉红色
  2. border-color:红,绿,蓝;

    • 上边框是红色
    • 左,右边框是绿色
    • 底部边框是蓝
  3. border-color:红,绿;

    • 顶部和底部边框是红色
    • 左右边框是绿色
  4. border-color:红色;

    • 所有四个边框是红色

请始终把 border-style 属性声明到 border-color 属性之前

元素必须在改变其颜色之前获得边框

默认值未定义
继承no
版本CSS1
JavaScript 语法object.style.borderColor="#FF0000 blue"

语法

border-color: *color* | transparent | inherit


属性值

说明
color指定背景颜色
transparent指定边框的颜色应该是透明的。这是默认
inherit指定边框的颜色,应该从父元素继承

范例

设置四个边框颜色

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

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_295

目录选择