Thuộc tính phác thảo kiểu
Thí dụ
Thêm đường viền xung quanh phần tử <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Định nghĩa và Cách sử dụng
Thuộc tính outline đặt hoặc trả về tất cả các thuộc tính outline, ở dạng viết tắt.
Với thuộc tính này, bạn có thể đặt / trả lại một hoặc nhiều điều sau (theo bất kỳ thứ tự nào):
- chiều rộng đường viền
- kiểu phác thảo
- phác thảo-màu sắc
Đường viền là một đường bao quanh một phần tử. Nó được hiển thị xung quanh lề của phần tử. Tuy nhiên, nó khác với tài sản biên giới.
Đường viền không phải là một phần của kích thước của phần tử, do đó thuộc tính chiều rộng và chiều cao của phần tử không chứa chiều rộng của đường viền.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính phác thảo:
object.style.outline
Đặt thuộc tính phác thảo:
object.style.outline = "width style color|initial|inherit"
Giá trị tài sản
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | trung bình không có đảo ngược |
---|---|
Giá trị trả lại: | Chuỗi, đại diện cho chiều rộng đường viền, kiểu và / hoặc màu của một phần tử |
Phiên bản CSS | CSS2 |
Các ví dụ khác
Thí dụ
Thay đổi chiều rộng, kiểu và màu của đường viền của phần tử <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Thí dụ
Trả về các giá trị thuộc tính phác thảo của phần tử <div>:
alert(document.getElementById("myDiv").style.outline);
Các trang liên quan
Hướng dẫn CSS: CSS Outline
Tham chiếu CSS: thuộc tính phác thảo
❮ Đối tượng phong cách