<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title> CSS Border and Background: border-image #10 border-image-width </title> <meta content="Support for 4 values for the border-image-width property" name="assert" /> <link href="mailto:jeremie@patonnier.net" rel="author" title="Jérémie Patonnier" /> <link href="http://www.w3.org/TR/css3-background/#the-border-image-width" rel="help" /> <style type="text/css"> #test { border : 10px solid red; width : 20px; height : 20px; border-image-source: url(support/img-ref-1.png); border-image-slice : 10; border-image-width : 1px 5px 10px 15px; } #ref { border-top : 1px solid #009900; border-right : 5px solid #009900; border-bottom : 10px solid #009900; border-left : 15px solid #009900; padding: 9px 5px 0 0; width : 15px; height : 20px; } </style> </head> <body> <p> Pass if both squares are identical. </p> <p id="test"></p> <p id="ref"></p> </body></html>