This page demonstrates a 9-slice UI using CSS `border-image` with the provided image. The border corners are fixed, while the edges and center are stretched to fit each box's size.
This box is larger and shows how the center of the 9-slice image stretches to accommodate more content without distorting the corners or edges. This is the key benefit of the 9-slice technique.