Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-backgrounds/border-image-slice-006.htm - WPT Dashboard Interop Dashboard
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Background and Borders Test: The 'border-image-slice' property with '100%' as a value</title>
<link rel="match" href="reference/border-image-slice-006-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="This test checks that if the sum of the right and left widths of the regions given by the 'border-image-slice' values is equal to or greater than the width of the image, the images for the top and bottom edge and the middle part are empty. Analogously for the top and bottom values." />
<style type="text/css">
div
{
border: 30px double red;
border-image-slice: 100%;
border-image-source: url("support/green_color.png");
height: 100px;
margin: 50px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there are four identical green squares and <strong>no red</strong>.</p>
<div></div>
</body>
</html>