מאפיין clip-path

מאפיין clip-path מגדיר אזור חיתוך — האזור שאליו ניתן להחיל ציור. מה שמחוץ — מוסתר. תומך בצורות, נתיבי SVG ותיבות ייחוס.

.clip { clip-path: circle(50%); }

.clip { clip-path: polygon(0 0, 100% 0, 50% 100%); }

פחות:0 יותר:9999 צעד:1

יחידות:% | px | em | rem

noneאין חיתוך (ברירת מחדל).

margin-boxתיבת השוליים.

border-boxתיבת המסגרת.

padding-boxתיבת הריפוד.

content-boxתיבת התוכן.

fill-boxתיבת מילוי SVG.

stroke-boxתיבת stroke SVG.

view-boxחלון תצוגה של SVG.

circle()עיגול — circle(radius at center).

ellipse()אליפסה.

polygon()מצולע מנקודות.

inset()מלבן עם offsets פנימיים.

rect()מלבן עם 4 קואורדינטות.

xywh()מלבן xywh(x y w h).

path()נתיב SVG.

url()הפניית url() ל-clipPath ב-SVG.

CSS Masking Module Level 1

Editor's Draft

<basic-shape> <geometry-box>

Show all code