Thuộc tính chiều rộng phác thảo kiểu
Ví dụ
Thay đổi độ rộng của đường viền của phần tử <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Hãy tự mình thử »Sự miêu tả
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 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 | |||||
---|---|---|---|---|---|
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ả về: | Một Chuỗi, biểu thị chiều rộng của đường viền của phần tử |
Phiên bản CSS | CSS2 |
Thêm ví dụ
Ví dụ
Thay đổi độ 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";
Hãy tự mình thử »Ví dụ
Trả về độ rộng của đường viền của phần tử <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
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
Tham chiếu DOM HTML: thuộc tính phác thảo