Thuộc tính Style borderColor

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

borderColor Thuộc tính này thiết lập hoặc trả về màu của viền của phần tử.

Thuộc tính này có thể sử dụng từ một đến bốn giá trị:

  • Một giá trị, ví dụ: p {border-color: red} - Tất cả bốn cạnh viền đều là màu đỏ
  • Hai giá trị, ví dụ: p {border-color: red transparent} - Cạnh trên và dưới là đỏ, cạnh trái và phải là trong suốt
  • Ba giá trị, ví dụ: p {border-color: red green blue}- Cạnh trên là đỏ, cạnh trái và phải là xanh lá cây, cạnh dưới là xanh dương
  • Bốn giá trị, ví dụ: p {border-color: red green blue yellow} - Cạnh trên là đỏ, cạnh phải là xanh lá cây, cạnh dưới là xanh dương, cạnh trái là vàng

Xem thêm:

Hướng dẫn CSS:BORDER CSS

Tài liệu tham khảo CSS:Thuộc tính border-color

Tài liệu tham khảo HTML DOM:Thuộc tính viền

Mẫu

Mẫu 1

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

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

Thử ngay

Mẫu 2

Thay đổi màu viền trên và dưới của phần tử <div> thành xanh lá cây, và màu viền trái và phải thành tím:

document.getElementById("myDiv").style.borderColor = "green purple";

Thử ngay

Mẫu 3

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

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

Thử ngay

Ngữ pháp

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

object.style.borderColor

Đặt thuộc tính borderColor:

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

Giá trị thuộc tính

Giá trị Mô tả
color

Định nghĩa màu viền. Màu mặc định là đ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 là trong suốt (nội dung dưới cùng sẽ lấp lánh).
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Gia công 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 viền của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Số liệu trong bảng ghi chú 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