Thuộc tính border-top-color CSS
- trang trước border-top
- trang tiếp border-top-left-radius
Đị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 sắc 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.
Ghi chú:Luôn đặt 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:
Hướng dẫn CSS:Viền CSS
Hướng dẫn CSS:Thuộc tính border-top
Hướng dẫn HTML DOM:Thuộc tính borderTopColor
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 | Đị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 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ữ 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 minh họa 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 |
Ghi chú:Trình duyệt Internet Explorer 6 (và các phiên bản trước) 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 trước không hỗ trợ giá trị "inherit". IE8 cần có !DOCTYPE. IE9 hỗ trợ "inherit".
- trang trước border-top
- trang tiếp border-top-left-radius