Đường viền kiểu dáng
Thí dụ
Thay đổi chiều rộng của đường viền của phần tử <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Định nghĩa và Cách sử dụng
Thuộc tính outlineWidth đặt hoặc trả về chiều rộng của đường viền xung quanh một phần tử.
Đườ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 | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính outlineWidth:
object.style.outlineWidth
Đặt thuộc tính outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
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 |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho chiều rộng của đường viền 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 của đường viền của phần tử <div>, sử dụng giá trị "dầy":
document.getElementById("myDiv").style.outlineWidth = "thick";
Thí dụ
Trả về chiều rộng của đường viền của phần tử <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
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
Tham chiếu DOM HTML: thuộc tính phác thảo
❮ Đối tượng phong cách