<ul><li>The article revisits the CSS border-image property and its potential in web design.</li><li>Introduced in Hardboiled Web Design, the property allows adding images to element borders.</li><li>It remains underused, possibly due to awkward syntax and lack of creative implementation examples.</li><li>The article discusses various aspects of border-image application, such as source, slicing, center filling, and repeats.</li><li>It highlights using border-image for decorative buttons, article scrolls, and homepage overlays.</li><li>The border-image-slice property divides images into nine parts for border insertion.</li><li>By setting border-image-repeat to stretch, repeat, round, or space, the image edges between corners can be adjusted.</li><li>The article showcases practical examples of using border-image for graphical effects and interactive elements.</li><li>Overall, border-image offers flexibility in design, enabling intricate borders and overlays with minimal code.</li><li>Andy Clarke, a web design pioneer, recommends revisiting border-image for its design potential.</li></ul>

Revisiting CSS border-image

Discover more