Thuộc tính chiều rộng phác thảo CSS
Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Đường viền là một đường được vẽ xung quanh các phần tử, bên ngoài đường viền, để làm cho phần tử "nổi bật".
outline-width
chỉ định chiều rộng của đường viền.
Lưu ý: Luôn khai báo thuộc tính kiểu phác thảo trước thuộc tính outline-width
. Một phần tử phải có đường viền trước khi bạn thay đổi độ rộng của nó.
Giá trị mặc định: | trung bình |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | vâng, xem các thuộc tính riêng lẻ . Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | đối tượng .style.outlineWidth="12px" Hãy dùng thử |
Lời khuyên và ghi chú
Lưu ý: Đường viền khác với đường viền ! Không giống như đường viền, đường viền được vẽ bên ngoài đường viền của phần tử và có thể chồng lên nội dung khác. Ngoài ra, đường viền KHÔNG phải là một phần kích thước của phần tử; tổng chiều rộng và chiều cao của phần tử không bị ảnh hưởng bởi chiều rộng của đường viền.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Cú pháp CSS
outline-width: medium|thin|thick| length |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
medium | Specifies a medium outline. This is default | Demo ❯ |
thin | Specifies a thin outline | Demo ❯ |
thick | Specifies a thick outline | Demo ❯ |
length | Allows you to define the thickness of the outline. Read about length units | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Thêm ví dụ
Ví dụ
Đặt chiều rộng của đường viền ở mức trung bình (đây là mặc định):
div {outline-width: medium;}
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 OutlineWidth