Thuộc tính clip trong CSS

Trang trước
Trang sau  

Thuộc tính clip trong CSS xác định một khu vực bên ngoài phần nội dung của phần tử (đã được xác định vị trí) là không nhìn thấy.

Thuộc tính clip có thể nhận giá trị:

  • auto: phần khu vực bên ngoài này là tương đương với phần nội dung của phần tử.

  • shape: miêu tả khu vực dạng shape. Như trong CSS2, cú pháp là rect(top right bottom left).

Thuộc tính clip có thể áp dụng cho:

Các phần tử Block Level trong tài liệu.

Cú pháp thuộc tính clip trong DOM

object.style.clip = rect(top right bottom left);

Ví dụ thuộc tính clip trong CSS

Dưới đây là ví dụ minh họa cách sử dụng của thuộc tính clip trong CSS.

<html>
   <head>
   
      <style type="text/css">
         div {
            background: url(../images/logo.png);
            clip:rect(10px, 155px, 145px, 10px);
            border:2px solid black;
            height:100px;
            width:150px;
            position:absolute;
            top:inherit;
            left:0px;
         }
      </style>
      
   </head>
   <body>
      <div>Vi du minh hoa thuoc tinh clip trong CSS</div>
   </body>
</html>
Quảng cáo

Kết quả là:

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ
Trang trước
Trang sau  
Bài viết liên quan
Zalo Hỗ trợ trực tuyến 24/7 Tư vấn tài liệu, khóa học VietJack
FREE

Công cụ giáo viên

  • Tạo đề online từ PDF / Word
  • Trộn nhiều mã đề, in Offline
  • Giao bài online, Quản lí lớp học
Khám phá công cụ (2048.VN)