Explain the border-image property.

It allows you to use an image as a border around an element, slicing it into 9 regions that scale dynamically.

The image is divided by four cut lines (border-image-slice). The corners are placed at the element's corners, while the middle edges can be stretched or repeated (border-image-repeat) to fill the available space. It effectively replaces complex nested HTML structures for decorative frames.