Phác thảo phong cách
Ví dụ
Thêm đường viền xung quanh phần tử <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Hãy tự mình thử »Sự miêu tả
Thuộc tính phác thảo đặt hoặc trả về tất cả các thuộc tính phác thảo ở dạng tốc ký.
Với thuộc tính này, bạn có thể đặt/trả về một hoặc nhiều thứ sau (theo bất kỳ thứ tự nào):
- chiều rộng phác thảo
- kiểu phác thảo
- màu phác thảo
Đườ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 thuộc tính border.
Đường viền không phải là một phần 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ả về 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 đảo ngược |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị chiều rộng, kiểu dáng và/hoặc màu sắc của đường viền của một phần tử |
Phiên bản CSS | CSS2 |
Thêm ví dụ
Ví dụ
Thay đổi chiều rộng, kiểu dáng và màu sắc của đường viền của phần tử <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Hãy tự mình thử »Ví 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);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: CSS Outline
Tham chiếu CSS: thuộc tính phác thảo