✔️ border-image CSS Style Property

המאפיין border-image מאפשר לך להגדיר תמונה שתשמש כמסגרת סביב אלמנט

דוגמא: תמונה שתשמש כמסגרת סביב אלמנט

Demo Panel:

CSSGuide

CSS:

HTML:

Syntax:

border-image: source slice width outset repeat | initial | inherit;

Valid values:

stretch, repeat, round, space, auto, none, revert, revert-layer, unset, inherit, initial

Units: , px, %

Js Syntax: element.style.borderImage

תאימות דפדפנים

border-image
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
url(https	✔️	✔️	✔️	✔️
stretch	✔️	✔️	✔️	✔️
repeat	✔️	✔️	✔️	✔️
round	✔️	✔️	✔️	✔️
space	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️