Thuộc tính phong cách phác thảo
Ví dụ
Thêm đường viền "rắn" xung quanh phần tử <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Hãy tự mình thử »Sự miêu tả
Thuộc tính OutlineStyle đặt hoặc trả về kiểu đườ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 | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính OutlineStyle:
object .style.outlineStyle
Đặt thuộc tính OutlineStyle:
object .style.outlineStyle = value
Giá trị tài sản
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
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: | không có |
---|---|
Giá trị trả về: | Một Chuỗi, thể hiện kiểu dáng phác thảo của một phần tử |
Phiên bản CSS | CSS2 |
Thêm ví dụ
Ví dụ
Thay đổi kiểu phác thảo của phần tử <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Hãy tự mình thử »Ví dụ
Trả về kiểu phác thảo của phần tử <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Hãy tự mình thử »Ví dụ
Một minh chứng cho tất cả các giá trị khác nhau:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
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 kiểu phác thảo
Tham chiếu DOM HTML: thuộc tính phác thảo