So, I was responsible for explaining the CSS style border-image during a presentation to coworkers. During research I came across this post. The article was informative but I needed a demo, and a nice one was linked to in that same article. Though I needed it to be a bit more extensive, so I revamped it to explain the complexities of border-image and 9-slice scaling in very visual, interactive, and complete way.
The demo can be found HERE.
Tested in Safari 5+, Chrome 10+, Firefox 4+
‘Should’ also work in Opera and Internet Explorer 10, but don’t be upset if it doesn’t.