# Border images in CSS: A key focus area for Interop 2023

DevFeed: [Border images in CSS: A key focus area for Interop 2023](<https://devfeed.tech/articles/border-images-in-css-a-key-focus-area-for-interop-2023-4025.md>)

Original publisher: [Read original article](<https://developer.mozilla.org/en-US/blog/border-images-interop-2023/>)

Author: dipika-bhattacharya

Published: 2023-12-19T00:00:00Z

Content type: tutorial

Language: en

Sources: [MDN Blog](<https://devfeed.tech/sources/mdn-blog.md>)

Topics: [Web platform](<https://devfeed.tech/topics/web-platform.md>), [web-standards](<https://devfeed.tech/topics/web-standards.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [border-image](<https://devfeed.tech/tags/border-image.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [css](<https://devfeed.tech/tags/css.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [images](<https://devfeed.tech/tags/images.md>), [interop](<https://devfeed.tech/tags/interop.md>), [interoperability](<https://devfeed.tech/tags/interoperability.md>)

## AI overview

A tutorial on CSS border images, covering the longhand properties used to source, slice, size, outset, and repeat an image around an element's border. It also places the feature in Interop 2023's effort to make browser behavior consistent.

## Source excerpt

Aligning with Interop 2023's emphasis on cross-browser consistency, this post walks you through various `border-image` properties that you can control to create captivating web designs. Learn how to use custom graphics for enhancing the look of your websites that appear consistent across different browsers.