CSS รายละเอียด property border-bottom-color

定义和用法

border-bottom-color 设置元素的下边框的颜色。

只能定义纯色，而且只有当边框的样式是一个非 none 或 hidden 的值时边框才可能出现。

หมายเหตุ：请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。

另请参阅：

CSS 教程：CSS ขอบเขต

CSS 参考手册：border-bottom 属性

HTML DOM 参考手册：borderBottomColor 属性

实例

设置下边框的颜色：

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

亲自试一试

CSS 语法

border-bottom-color: color|transparent|initial|inherit;

属性值

值 描述
color_name 规定颜色值为颜色名称的边框颜色（比如 red）。
hex_number 规定颜色值为十六进制值的边框颜色（比如 #ff0000）。
rgb_number 规定颜色值为 rgb 代码的边框颜色（比如 rgb(255,0,0)）。
transparent 默认值。边框颜色为透明。
inherit 规定应该从父元素继承边框颜色。

技术细节

默认值： not specified
继承性： no
版本： CSS1
JavaScript 语法： object.style.borderBottomColor="blue"

ตัวอย่างเพิ่มเติม

ตั้งสีของเข็มขัดด้านล่าง
ตัวอย่างนี้แสดงวิธีการตั้งสีของเข็มขัดด้านล่าง。

การสนับสนุนของเบราเซอร์

ตัวเลขในตารางบอกว่าเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

หมายเหตุ：Internet Explorer 6 (และรุ่นเก่าของเบราเซอร์) ไม่สนับสนุนค่า "transparent"。

หมายเหตุ：Internet Explorer 7 และรุ่นเก่าของเบราเซอร์ไม่สนับสนุนค่า "inherit"。Internet Explorer 8 ต้องการ !DOCTYPE。Internet Explorer 9 สนับสนุน "inherit"。