Thuộc tính kẹp kiểu
Thí dụ
Kẹp một hình ảnh thành một hình dạng cụ thể:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
Định nghĩa và Cách sử dụng
Thuộc tính clip đặt hoặc trả về phần nào của phần tử được định vị có thể nhìn thấy.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
clip | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính clip:
object.style.clip
Đặt thuộc tính clip:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
auto | Default. The element does not clip |
rect(top right bottom left) | Clips the shape defined by the four coordinates |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | Tự động |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho một phần của phần tử được định vị có thể nhìn thấy được |
Phiên bản CSS | CSS2 |
Các ví dụ khác
Thí dụ
Trả lại thuộc tính clip:
alert(document.getElementById("myImg").style.clip);
Các trang liên quan
Hướng dẫn CSS: Định vị CSS
Tham chiếu CSS: thuộc tính clip
❮ Đối tượng phong cách