Thuộc tính style clip
- Trang trước Xóa
- Trang tiếp theo Màu sắc
- Quay lại lớp trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
clip
Cài đặt hoặc trả về phần nào của phần tử định vị là visible.
Xem thêm:
Giáo trình CSS:Định vị CSS
Hướng dẫn CSS:Thuộc tính clip
Mô hình
Ví dụ 1
Cắt hình ảnh thành hình dạng quy định:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
Ví dụ 2
Trả về thuộc tính clip:
alert(document.getElementById("myImg").style.clip);
Cú pháp
Trả về 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ị thuộc tính
Giá trị | Mô tả |
---|---|
auto | Mặc định. Không cắt phần tử. |
rect(top right bottom left) | Cắt hình dạng được định nghĩa bởi bốn tọa độ. |
initial | Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。 |
inherit | Tính thuộc tính này từ phần tử cha của nó. Xem thêm inherit。 |
Chi tiết kỹ thuật
Giá trị mặc định: | Không |
---|---|
Giá trị trả về: | Chuỗi biểu thị phần phần tử định vị mà có thể nhìn thấy. |
Phiên bản CSS: | CSS2 |
Hỗ trợ trình duyệt
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ |
- Trang trước Xóa
- Trang tiếp theo Màu sắc
- Quay lại lớp trên Đối tượng Style của HTML DOM