Thuộc tính Style borderBottomColor

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

borderBottomColor Cài đặt hoặc trả về màu của viền dưới của phần tử.

Xem thêm:

Hướng dẫn CSS:BORDER CSS

Hướng dẫn CSS:Thuộc tính border-bottom-color

Hướng dẫn HTML DOM:Thuộc tính border

Mô hình

Ví dụ 1

Thay đổi màu viền dưới của phần tử <div> thành màu đỏ:

document.getElementById("myDiv").style.borderBottomColor = "red";

Thử nghiệm ngay

Ví dụ 2

Trả về màu viền dưới của phần tử <div>:

alert(document.getElementById("myDiv").style.borderBottomColor);

Thử nghiệm ngay

Cú pháp

Trả về thuộc tính borderBottomColor:

object.style.borderBottomColor

Đặt thuộc tính borderBottomColor:

object.style.borderBottomColor = "color|transparent|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
color

Định nghĩa màu viền dưới. Mặc định là màu đen.

Xem thêm Giá trị màu CSSđể lấy danh sách đầy đủ các giá trị màu.
transparent Màu viền dưới không trong suốt (nội dung dưới cùng sẽ xuyên qua).
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: black
Giá trị trả về: Chuỗi biểu thị màu của viền dưới của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

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

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