The CSS Propertie border-image-slice

מאפיין border-image-slice קובע איפה לחתוך את תמונת ה-border-image ל-9 אזורים (4 פינות, 4 קצוות, 1 מרכז). אפשר 1 עד 4 ערכים (top, right, bottom, left) — אחוזים מחושבים יחסית לתמונה, מספרים בלי יחידה הם פיקסלים של התמונה. עם המילה fill — האזור המרכזי יצויר על תוכן האלמנט.

.box { border-image-slice: 30%; }

.box { border-image-slice: 33% 33% 33% 33% fill; }