The CSS Propertie border-image

מאפיין הקיצור border-image קובע את כל מאפייני ה-border-image-* בהצהרה אחת: source, slice, width (אחרי `/`), outset (אחרי `/` נוסף), ו-repeat. ערכים שחסרים מקבלים את ברירת המחדל של ה-longhand שלהם.

.box { border-image: url('frame.png') 30 fill / 20px / 0 round; }

.box { border-image: linear-gradient(45deg, magenta, cyan) 1 / 6px stretch; }

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

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

noneאין תמונת מסגרת.

fillמ-border-image-slice — צייר גם את האזור המרכזי.

autoמ-border-image-width — השתמש ב-slice הקיים או ב-border-width.

stretchמ-border-image-repeat — מתיחה (ברירת המחדל).

repeatמ-border-image-repeat — שכפול.

roundמ-border-image-repeat — שכפול עם התאמת קנה-מידה.

spaceמ-border-image-repeat — שכפול עם פיזור רווחים.

url()תמונה לפי כתובת.