Thuộc tính border-bottom-color của CSS

Định nghĩa và cách sử dụng

border-bottom-color thiết lập màu viền dưới của phần tử.

Chỉ có thể định nghĩa màu đơn色, và chỉ khi樣 thức viền là giá trị không phải none hoặc hidden thì viền mới có thể xuất hiện.

Ghi chú：Luôn đặt thuộc tính border-style trước thuộc tính border-color. Phần tử phải có viền trước khi bạn thay đổi màu của nó.

Xem thêm:

Giáo trình CSSBORDER của CSS

Hướng dẫn CSSThuộc tính border-bottom

Hướng dẫn HTML DOMThuộc tính borderBottomColor

Ví dụ

Thiết lập màu viền dưới:

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

Thử ngay

Ngôn ngữ CSS

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

Giá trị thuộc tính

Giá trị Mô tả
color_name Định nghĩa màu viền là tên màu (ví dụ: red).
hex_number Định nghĩa màu viền là giá trị hex (ví dụ: #ff0000).
rgb_number Định nghĩa màu viền là mã rgb (ví dụ: rgb(255,0,0)).
transparent Giá trị mặc định. Màu viền trong suốt.
inherit Định nghĩa rằng màu viền nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: not specified
Kế thừa: no
Phiên bản: CSS1
Ngôn ngữ语法: JavaScript object.style.borderBottomColor="blue"

Các ví dụ khác

Thiết lập màu viền dưới
Ví dụ này minh họa cách thiết lập màu viền dưới.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

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

Ghi chú：Trình duyệt Internet Explorer 6 (và các phiên bản sớm hơn) không hỗ trợ giá trị thuộc tính "transparent".

Ghi chú：Trình duyệt Internet Explorer 7 và các phiên bản sớm hơn không hỗ trợ giá trị "inherit". IE8 cần có !DOCTYPE. IE9 hỗ trợ "inherit".