Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>My Example</title> <style> div { border-style: solid; height: 75px; width: 215px; float: left; margin: 4vh; } .a { border-image: url(/pix/samples/3m.jpg) 30 30 round; border-width: 20px; } .b { border-image: url(/pix/samples/bullet1.png) 20 20 round; border-width: 20px; } .c { border-image: url(/pix/css/css3/properties/border-image-1.png) 28 28 round; border-width: 20px; } .d { border-image: url(/pix/css/css3/properties/border-image-1.png) 28 28 repeat; border-width: 20px; } .e { border-image: url(/pix/css/css3/properties/border-image-1.png) 16 16 round; border-width: 20px; } .f { border-image-source: url(/pix/css/css3/properties/border-image-1.png); border-image-slice: 30; border-image-width: 5; border-image-outset: 0; border-image-repeat: round; border-width: 2px; } hr { clear: both; } </style> <div class="a"></div> <div class="b"></div> <div class="c"></div> <div class="d"></div> <div class="e"></div> <div class="f"></div> <hr> <p>Original images:</p> <img src="/pix/samples/3m.jpg" alt="Border image"> <img src="/pix/samples/bullet1.png" alt="Border image"> <img src="/pix/css/css3/properties/border-image-1.png" alt="Border image">
Preview