Thuộc tính outlineWidth của Style

Định nghĩa và cách sử dụng

outlineWidth Thuộc tính thiết lập hoặc trả về độ rộng viền xung quanh phần tử.

Viền là một đường xung quanh phần tử. Nó hiển thị xung quanh vành đai của phần tử. Nhưng, nó khác với thuộc tính viền.

Viền không phải là một phần của kích thước phần tử, vì vậy thuộc tính chiều rộng và chiều cao của phần tử không bao gồm độ rộng của viền.

Xem thêm:

Hướng dẫn CSS:Cánh của CSS

Hướng dẫn CSS:Thuộc tính outline

Hướng dẫn HTML DOM:Thuộc tính outline

Mẫu

Ví dụ 1

Thay đổi độ rộng viền của phần tử <div>:

document.getElementById("myDiv").style.outlineWidth = "10px";

Thử nghiệm ngay

Ví dụ 2

Sử dụng giá trị "thick" để thay đổi độ rộng viền của phần tử <div>:

document.getElementById("myDiv").style.outlineWidth = "thick";

Thử nghiệm ngay

Ví dụ 3

Trả về độ rộng viền của phần tử <div>:

alert(document.getElementById("myDiv").style.outlineWidth);

Thử nghiệm ngay

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ị thuộc tính

Giá trị Mô tả
thin Định nghĩa viền mỏng.
medium Định nghĩa viền trung bình. Mặc định.
thick Định nghĩa viền dày.
length Độ rộng viền tính bằng đơn vị độ dài.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thực hiện việc kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: medium
Giá trị trả về: Chuỗi, biểu thị độ rộng viền của phần tử.
Phiên bản CSS: CSS2

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ