Webkit Border Image

This demo will only work in a WebKit browser (currently Safari or Chrome).

If the demo is working properly, you should see a blue bar with rounded corners that's 250 pixels wide. The image that's creating the bar is only 31 pixels wide, so the middle column of pixels is being repeated horizontally in-between the two end caps.

Read the corresponding article →
View the source on GitHub →