Đường viền kiểu dáng
Thí dụ
Thêm đường viền "đặc" xung quanh phần tử <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Định nghĩa và Cách sử dụng
Thuộc tính outlineStyle đặt hoặc trả về kiểu dá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 | |||||
|---|---|---|---|---|---|
| outlineStyle | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính outline
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 ai |
|---|---|
| Giá trị trả lại: | Một chuỗi, đại diện cho kiểu đườ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 kiểu phác thảo của phần tử <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Thí dụ
Trả lại kiểu phác thảo của phần tử <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Thí dụ
Một minh chứng của tất cả các giá trị khác nhau:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Các 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
❮ Đối tượng phong cách