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-004.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Backgrounds and Borders Test: border-image-slice with a percentage unit value (basic)</title>
<link rel="author" title="Jérémie Patonnier" href="mailto:jeremie@patonnier.net">
<link rel="match" href="reference/ref-filled-green-100px-square.xht">
<meta name="flags" content="">
<!--
This is a follow-up to
Pull Request 8788: Update css-backgrounds/border-image tests
Credit should go to Chris Nardi for trying to fix
16 border-image tests with 2 relevant commits
-->
<style>
div#red-overlapped-ref
{
background-color: red;
height: 100px;
width: 100px;
}
div#green-overlapping-test
{
border: red solid 40px;
border-image-slice: 1%;
border-image-source: url("support/1pxgreen-98pxred.png");
}
div#green-filled-center
{
background-color: green;
height: 20px;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div id="red-overlapped-ref">
<div id="green-overlapping-test">
<div id="green-filled-center"></div>
</div>
</div>