border-image-width-008.html (776B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>border-image-width has the same effect as a border-width and the image is displayed even if border-width is zero</title> 4 <link rel="match" href="border-image-width-008-ref.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-image-width"> 6 <meta name="fuzzy" content="maxDifference=0-2; totalPixels=0-74" /> 7 <style> 8 #test { 9 width: 400px; 10 height: 300px; 11 border-style: solid; 12 /* Note: Chrome does not display an image if border-width is 0 */ 13 border-width: 0px; 14 border-image-source: url("support/border.png"); 15 border-image-width: 40px 40px 20px 0px; 16 border-image-slice: 27; 17 } 18 </style> 19 <body> 20 <div id="test"></div> 21 </body>