Thuộc tính border-top-color CSS

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

border-top-color thiết lập màu viền trên của element.

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

Chú thích:Hãy luôn luôn tuyên bố thuộc tính border-style trước thuộc tính border-color. Element phải có viền trước khi bạn thay đổi màu của nó.

Xem thêm:

Giáo trình CSS:BORDER của CSS

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

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

Ví dụ

Thiết lập màu viền trên:

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

Thử ngay

Ngôn ngữ CSS

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

Giá trị thuộc tính

Giá trị thuộc tính

Giá trị Mô tả
color_name Điều này quy định màu viền là tên màu (ví dụ: red).
hex_number Điều này quy định màu viền là giá trị hex (ví dụ: #ff0000).
rgb_number Điều này quy định 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 Điều này quy định rằng màu viền nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: chưa xác định
Kế thừa: không
Phiên bản: CSS1
Ngôn ngữ lập trình JavaScript: object.style.borderTopColor="blue"

Các ví dụ khác

Thiết lập màu viền trên
Ví dụ này trình bày cách thiết lập màu viền trên.

Hỗ trợ trình duyệt

Số trong bảng cho biết 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

Chú thí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".

Chú thí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".