Thuộc tính offset phác thảo CSS
Ví dụ
Chỉ định đường viền màu đỏ đặc 4 pixel cách 15 pixel bên ngoài mép viền:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính outline-offset
thêm khoảng trống giữa đường viền và cạnh hoặc đường viền của một phần tử.
Khoảng cách giữa một phần tử và đường viền của nó là trong suốt.
Đường viền khác với đường viền ở ba điểm:
- Đường viền là một đường được vẽ xung quanh các phần tử, bên ngoài cạnh viền
- Một dàn ý không chiếm không gian
- Một đường viền có thể không phải là hình chữ nhật
Giá trị mặc định: | 0 |
---|---|
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: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.outlineOffset="15px" Hãy dùng thử |
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-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Cú pháp CSS
outline-offset: length |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
length | The distance the outline is outset from the border edge. Default value is 0 | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Giao diện người dùng CSS
Tham chiếu DOM HTML: thuộc tính OutlineOffset