border-image-source: none /* no border-image, use the specified border-style */
border-image-source: url(image.jpg) /* the image.jpg is used as image */
border-image-source: linear-gradient(to top, red, yellow) /* a gradient is used as image */
See border-image for examples of what the various source values will do.
Thanks! Please check your inbox to confirm your subscription.
If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us.
Why does MDN look different?
MDN is changing to focus just on documenting web technologies. All the same great content is still here; we’re just changing some visual elements and navigation, to help you more quickly find the web technology docs you’re looking for.
But don’t worry, MDN and Mozilla are still together! In fact, we're updating MDN’s look to reflect Mozilla's new logo and colors.