Thuộc tính outlineColor của Style

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

outlineColor cài đặt hoặc trả về màu của viền xung quanh phần tử.

Viền là một đường bao quanh phần tử. Nó hiển thị xung quanh biên viền của phần tử. Nhưng, nó không Thuộc tính border khác.

Viền không phải là một phần của kích thước của phần tử, vì vậy thuộc tính chiều rộng và chiều cao của phần tử không bao gồm chiều rộng của viền.

Xem thêm:

Giáo trình CSS:Vòng vi CSS

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

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

Mô hình

Ví dụ 1

Thay đổi màu viền của phần tử <div>:

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Thử ngay

Ví dụ 2

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

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

Thử ngay

Cú pháp

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

object.style.outlineColor

Đặt thuộc tính outlineColor:

object.style.outlineColor = "color|invert|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
color

Định nghĩa màu viền.

Xem thêm Giá trị màu CSSđể lấy danh sách đầy đủ các giá trị màu.
invert Chuyển đổi màu viền thành giá trị ngược lại. Mặc định.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế 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: invert
Giá trị trả về: Chuỗi biểu diễn màu viền của phần tử.
Phiên bản CSS: CSS2

Trình duyệt hỗ trợ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ