Thuộc tính phong cách outlineStyle

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

outlineStyle Thuộc tính thiết lập hoặc trả về phong cách của vân xung quanh yếu tố.

Vân là một đường quanh yếu tố. Nó hiển thị xung quanh cạnh viền của yếu tố. Tuy nhiên, nó khác với thuộc tính viền.

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

另请参阅：

Xem thêm:Vành nổi CSS

Hướng dẫn CSS:Tài liệu tham khảo CSS:

Thuộc tính outline-styleHTML DOM Tài liệu tham khảo:

Thuộc tính outline

Mô hình

Ví dụ 1

Thay đổi樣式 viền của phần tử <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

Thêm viền chắc chắn xung quanh phần tử <div>:

Ví dụ 2

Thay đổi樣式 viền của phần tử <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

document.getElementById("myDiv").style.outlineStyle = "solid";

Ví dụ 3

Trả về樣式 viền của phần tử <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

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

Ví dụ 4

Mô hình演示 cho tất cả các giá trị khác nhau:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

Thử ngay

cú pháp

Đặt thuộc tính outlineStyle:Trả về thuộc tính outlineStyle:

.style.outlineStyle

Đặt thuộc tính outlineStyle:object .style.outlineStyle =

value

giá trị thuộc tính giá trị
none mô tả
mặc định. Định nghĩa không có viền. hidden
viền bị tắt. Định nghĩa viền điểm.
dashed Định nghĩa viền chấm.
solid Định nghĩa viền thẳng.
double Định nghĩa viền kép. Chiều rộng của đôi đường này bằng outline-width giá trị.
groove Định nghĩa viền lõm 3D. Định nghĩa viền lõm 3D. Hiệu ứng này phụ thuộc vào outline-color giá trị.
ridge Định nghĩa viền rãnh 3D. Hiệu ứng này phụ thuộc vào outline-color giá trị.
inset Định nghĩa viền lõm 3D. Hiệu ứng này phụ thuộc vào outline-color giá trị.
outset Định nghĩa viền góc cạnh 3D. Hiệu ứng này phụ thuộc vào outline-color giá trị.
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: none
Giá trị trả về: chuỗi biểu thị樣式 viền của phần tử.
Phiên bản CSS: CSS2

hỗ trợ trình duyệt

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