מה זה clip?

המאפיין clip ב-CSS מגדיר את אזור הגזירה של האלמנט, כלומר את החלק של האלמנט שיתקבל ונראה. ניתן להשתמש בו עם position: absolute כדי להגדיר אזור גזירה מסוים.

• rect(top, right, bottom, left) - מגדיר את אזור הגזירה בעזרת קואורדינטות ביחס לגבולות האלמנט.

שימוש במאפיין clip

באמצעות clip ניתן לשלוט על החלק של האלמנט שיתקבל ויוצג, תוך גזירה של החלקים שאינם נראים.

דוגמה לשימוש ב-clip

להלן דוגמה לשימוש במאפיין clip:

שימושים מתקדמים

באמצעות clip ניתן ליצור אזורי גזירה מותאמים אישית של אלמנטים.

    
          <div style="position: absolute; clip: rect(0px, 100px, 100px, 0px); width: 200px; height: 200px; background-color: lightblue;">
            תוכן גזור של אלמנט עם clip
          </div>