CSS border-color

🌙
手机阅读
本文目录结构
axihe

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 语法:object

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性IEChromeFFsafariOpen
border-color1.04.01.01.03.5

属性值

说明
color指定背景颜色。在CSS颜色值查找颜色值的完整列表
transparent指定边框的颜色应该是透明的。这是默认
inherit指定边框的颜色,应该从父元素继承

相关文章

axihe

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang