Thuộc tính bù đắp đường viền CSS
Thí dụ
Chỉ định đường viền đặc màu đỏ 4 pixel 15 pixel bên ngoài cạnh đường viền:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Định nghĩa và Cách sử dụng
Thuộc outline-offset
tính thêm khoảng cách 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 theo ba cách:
- Đường viền là một đường được vẽ xung quanh các phần tử, bên ngoài cạnh đường viền
- Một phác thảo không chiếm không gian
- Đườ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: | có, hãy xem các thuộc tính riêng lẻ . Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.outlineOffset = "15px" |
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 |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Các 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