Thuộc tính clip CSS
Thí dụ
Clip một hình ảnh:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Định nghĩa và Cách sử dụng
Điều gì xảy ra nếu một hình ảnh lớn hơn phần tử chứa nó?
Thuộc clip
tính cho phép bạn chỉ định một hình chữ nhật để kẹp một phần tử được định vị tuyệt đối. Hình chữ nhật được chỉ định dưới dạng bốn tọa độ, tất cả đều từ góc trên bên trái của phần tử sẽ được cắt bớt.
Lưu ý: Thuộc clip
tính không hoạt động nếu "tràn: hiển thị".
Lưu ý: Thuộc clip
tính không được dùng nữa và sẽ được thay thế bằng thuộc tính trong tương lai.
clip-path
Giá trị mặc định: | Tự động |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | đối tượng .style.clip = "trực tràng (0px, 50px, 50px, 0px)" |
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 | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
Cú pháp CSS
clip: auto|shape|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
auto | No clipping will be applied. This is default | |
shape | Clips an element. The only valid value is: rect (top, right, bottom, left) | |
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: Định vị CSS
Tham chiếu DOM HTML: thuộc tính clip