惧留孙网

juliusun.com

惧留孙网 > 惧留孙课堂 > 在线手册 > CSS手册 > border-color
 列表 

 选择符 

 颜色  对齐  字体  大小  边框  背景  外边距  内边距  显示  列表风格  定位 

border-color 属性

简介

设置所有边框颜色
JavaScript 引用: style.borderColor
默认值: 无默认值

作用
设置元素的所有边框的颜色。可以是一个到四个值,值之间用空白字符分隔。

当为一个值时,设置的值对四条边框均起作用;
当为两个值时,第一个值对上、下两边框有效,第二个值对左、右两边框有效;
当为三个值时,第一个值对上边框有效,第二个值对左、右两边框有效,第三个值对下边框有效;
当为四个值时,分别对上、右、下、左边框有效

例:

border-color: red;//一个值,四个边框均为红色
border-color: red blue;//两个值,上、下边框为红色,左右为蓝色
border-color: red blue green;//三个值,上边框样式为红色,左、右两边框为蓝色,下边框为绿色
border-color: red blue green yellow;//四个值,上边框样式为红色,右为蓝色,下为绿色,左为黄色

o.style.borderColor = 'red blue';

可用值
意义
颜色英文名颜色的英文名字,如red
#16进制颜色值以#字符开始的十六进制颜色值,如#ff0000、#f00
rgb(红值,绿值,蓝值)10进制表示的RGB颜色值,每个值均在0-255之间,如rgb(255,0,0)
transparent默认,透明
inherit从父元素继承

作者QQ:3304576112   交流QQ群:461872961  网页学习群 本站保留本页版权,可分享网址,匆复制传播。

抖音
©2015-2024 惧留孙网 juliusun.com

京ICP备15039193号-1

首页 教程 下载 文章 聊天 我的