Thuộc tính outline-width CSS

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

Thuộc tính outline-width định nghĩa độ rộng của toàn bộ contour của phần tử, chỉ hoạt động khi phong cách contour không phải là none. Nếu phong cách là none, độ rộng thực tế sẽ được đặt lại thành 0. Không được phép đặt giá trị độ dài âm.

Outline (contour) là một đường được vẽ xung quanh phần tử, nằm ngoài mép của viền, có thể làm nổi bật phần tử. Thuộc tính outline định nghĩa đường viền xung quanh phần tử.

Ghi chú:Hãy luôndeclare thuộc tính outline-style trước thuộc tính outline-width. Các phần tử chỉ có thể thay đổi màu sắc đường viền sau khi đã có contour.

Ghi chú:Đường viền contour không chiếm không gian và không nhất thiết là hình vuông.

Xem thêm:

Hướng dẫn CSS:Khung CSS

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

Hướng dẫn tham khảo HTML DOM:Thuộc tính outlineWidth

Ví dụ

Thiết lập màu sắc đường viền chấm:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Thử ngay

Ngôn ngữ CSS

outline-width: medium|thin|thick|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
thin Định nghĩa đường viền mỏng.
medium Mặc định. Định nghĩa đường viền trung bình.
thick Định nghĩa đường viền dày.
length Cho phép bạn quy định giá trị độ dày của đường viền.
inherit Định nghĩa rằng nên kế thừa thiết lập độ rộng đường viền từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: medium
Kế thừa: no
Phiên bản: CSS2
Ngôn ngữ语法: object.style.outlineWidth="thin"

Thử ngay

Thiết lập độ rộng đường viền
Ví dụ này minh họa cách thiết lập độ rộng của đường viền.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Ghi chú:Nếu đã định nghĩa !DOCTYPE, thì IE8 hỗ trợ thuộc tính outline.