Thuộc tính clip CSS (không dùng nữa)
Ví dụ
Cắt một hình ảnh:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lưu ý: Thuộc tính clip
không được dùng nữa và được thay thế bằng thuộc tính clip-path
.
Thuộc tính clip
cho phép bạn chỉ định một hình chữ nhật để cắt một phần tử được định vị tuyệt đối. Hình chữ nhật được chỉ định là bốn tọa độ, tất cả đều từ góc trên bên trái của phần tử cần cắt bớt.
Lưu ý: Thuộc tính clip
không hoạt động nếu "overflow:visible".
Giá trị mặc định: | tự động |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | object .style.clip="orth(0px,50px,50px,0px)" Hãy thử nó |
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 | Demo |
---|---|---|
auto | No clipping will be applied. This is default | Demo ❯ |
shape | Clips an element. The only valid value is: rect ( top, right, bottom, left ) | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Định vị CSS
Tham chiếu DOM HTML: thuộc tính clip