The CSS Propertie border-image-source

מאפיין border-image-source קובע את התמונה שתצויר כמסגרת במקום ה-border-style. אם נבחר none, או אם התמונה לא נטענה, ה-border-style ייצויר כרגיל.

.box { border-image-source: url('frame.png'); }

.box { border-image-source: linear-gradient(45deg, magenta, cyan); }

noneאין תמונת מסגרת — ה-border-style ייצויר כרגיל (ברירת המחדל).

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

linear-gradient()מעבר צבעים ליניארי.

radial-gradient()מעבר צבעים רדיאלי.

conic-gradient()מעבר צבעים קוני.

repeating-linear-gradient()מעבר ליניארי החוזר על עצמו.

repeating-radial-gradient()מעבר רדיאלי החוזר על עצמו.

repeating-conic-gradient()מעבר קוני החוזר על עצמו.

image-set()בחירת תמונה לפי רזולוציה/פורמט.

cross-fade()מיזוג שתי תמונות באחוז עוצמה.

CSS Borders Module Level 4

Working Draft

<image>

CSS

Show all code