chromium/src/third_party/blink/web_tests/external/wpt/css/css-backgrounds/border-image-repeat-space-7-ref.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8">
     <title>CSS Border Image: border-image-repeat: space</title>
     <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <style type="text/css">
       .outer {
         width: 132px;
         height: 132px;
       }
       .inner1 {
         position: absolute;
         top: 0px;
         left: 0px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-tl.png");
       }
       .inner2_1 {
         position: absolute;
         top: 0px;
         left: 35px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-to.png");
       }
       .inner2_2 {
         position: absolute;
         top: 0px;
         left: 70px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-to.png");
       }
       .inner3 {
         position: absolute;
         top: 0px;
         left: 105px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-tr.png");
       }
       .inner4_1 {
         position: absolute;
         top: 35px;
         left: 0px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-le.png");
       }
       .inner4_2 {
         position: absolute;
         top: 70px;
         left: 0px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-le.png");
       }
       .inner5_1 {
         position: absolute;
         top: 35px;
         left: 35px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-ct.png");
       }
       .inner5_2 {
         position: absolute;
         top: 35px;
         left: 70px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-ct.png");
       }
       .inner5_3 {
         position: absolute;
         top: 70px;
         left: 35px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-ct.png");
       }
       .inner5_4 {
         position: absolute;
         top: 70px;
         left: 70px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-ct.png");
       }
       .inner6_1 {
         position: absolute;
         top: 35px;
         left: 105px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-ri.png");
       }
       .inner6_2 {
         position: absolute;
         top: 70px;
         left: 105px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-ri.png");
       }
       .inner7 {
         position: absolute;
         top: 105px;
         left: 0px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-bl.png");
       }
       .inner8_1 {
         position: absolute;
         top: 105px;
         left: 35px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-bo.png");
       }
       .inner8_2 {
         position: absolute;
         top: 105px;
         left: 70px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-bo.png");
       }
       .inner9 {
         position: absolute;
         top: 105px;
         left: 105px;
         width: 27px;
         height: 27px;
         background-image: url("support/reticule-br.png");
       }
     </style>
     </head>
     <body>
       <div class="outer">
         <div class="inner1"></div>
         <div class="inner2_1"></div>
         <div class="inner2_2"></div>
         <div class="inner3"></div>
         <div class="inner4_1"></div>
         <div class="inner4_2"></div>
         <div class="inner5_1"></div>
         <div class="inner5_2"></div>
         <div class="inner5_3"></div>
         <div class="inner5_4"></div>
         <div class="inner6_1"></div>
         <div class="inner6_2"></div>
         <div class="inner7"></div>
         <div class="inner8_1"></div>
         <div class="inner8_2"></div>
         <div class="inner9"></div>
       </div>
     </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSS Border Image: border-image-repeat: space</title>
	<link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
	<link rel="author" title="Mozilla" href="https://www.mozilla.org">
	<style type="text/css">
	.outer {
	width: 132px;
	height: 132px;
	}
	.inner1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-tl.png");
	}
	.inner2_1 {
	position: absolute;
	top: 0px;
	left: 35px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-to.png");
	}
	.inner2_2 {
	position: absolute;
	top: 0px;
	left: 70px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-to.png");
	}
	.inner3 {
	position: absolute;
	top: 0px;
	left: 105px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-tr.png");
	}
	.inner4_1 {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-le.png");
	}
	.inner4_2 {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-le.png");
	}
	.inner5_1 {
	position: absolute;
	top: 35px;
	left: 35px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-ct.png");
	}
	.inner5_2 {
	position: absolute;
	top: 35px;
	left: 70px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-ct.png");
	}
	.inner5_3 {
	position: absolute;
	top: 70px;
	left: 35px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-ct.png");
	}
	.inner5_4 {
	position: absolute;
	top: 70px;
	left: 70px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-ct.png");
	}
	.inner6_1 {
	position: absolute;
	top: 35px;
	left: 105px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-ri.png");
	}
	.inner6_2 {
	position: absolute;
	top: 70px;
	left: 105px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-ri.png");
	}
	.inner7 {
	position: absolute;
	top: 105px;
	left: 0px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-bl.png");
	}
	.inner8_1 {
	position: absolute;
	top: 105px;
	left: 35px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-bo.png");
	}
	.inner8_2 {
	position: absolute;
	top: 105px;
	left: 70px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-bo.png");
	}
	.inner9 {
	position: absolute;
	top: 105px;
	left: 105px;
	width: 27px;
	height: 27px;
	background-image: url("support/reticule-br.png");
	}
	</style>
	</head>
	<body>
	<div class="outer">
	<div class="inner1"></div>
	<div class="inner2_1"></div>
	<div class="inner2_2"></div>
	<div class="inner3"></div>
	<div class="inner4_1"></div>
	<div class="inner4_2"></div>
	<div class="inner5_1"></div>
	<div class="inner5_2"></div>
	<div class="inner5_3"></div>
	<div class="inner5_4"></div>
	<div class="inner6_1"></div>
	<div class="inner6_2"></div>
	<div class="inner7"></div>
	<div class="inner8_1"></div>
	<div class="inner8_2"></div>
	<div class="inner9"></div>
	</div>
	</body>
	</html>