Thuộc tính outlineOffset của Style
- Trang trước outlineColor
- Trang tiếp theo outlineStyle
- Quay lại cấp trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
outlineOffset
Thuộc tính offset viền và vẽ nó ra ngoài cạnh viền.
Viền và viền có hai khía cạnh khác nhau:
- Viền không chiếm không gian
- Viền có thể không phải là hình vuông
Xem thêm:
Cuốn sách tham khảo CSS:Thuộc tính outline-offset
Mô hình
Chuyển viền ouline ra ngoài cạnh viền 15 pixel:
document.getElementById("myDIV").style.outlineOffset = "15px";
Ngữ pháp
Trả về thuộc tính outlineOffset:
object.style.outlineOffset
Cài đặt thuộc tính outlineOffset:
object.style.outlineOffset = "length|initial|inherit"
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
length | Khoảng cách từ đường viền đến cạnh của viền. Giá trị mặc định là 0. |
initial | Đặt thuộc tính này về giá trị mặc định. Xem thêm initial. |
inherit | 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: | 0 |
---|---|
Giá trị trả về: | Chuỗi biểu thị khoảng cách của phần tử Thuộc tính outline-offset. |
Phiên bản CSS: | CSS3 |
Hỗ trợ trình duyệt
Số liệu trong bảng ghi chú về phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ thuộc tính này.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Hỗ trợ | 15.0 | Hỗ trợ | Hỗ trợ | Hỗ trợ |
- Trang trước outlineColor
- Trang tiếp theo outlineStyle
- Quay lại cấp trên Đối tượng Style của HTML DOM