LayoutTests/fast/borders/border-painting-correctness-dashed.html - WebKit - Git at Google

 <DOCTYPE html>
 <html>
 <head>
 <title>This tests that dashed borders look ok.</title>
 <style>
   div {
     position: absolute;
     border: 1px dashed green;
   }
 </style>
 </head>
 <body>
 <pre id=container></pre>
 <script>
   var cont = document.getElementById("container");
   var borderWidth = 1;
   for (h = 0; h < 500; h += 180) {
     for (v = 0; v < 500; v += 180) {
       width = 0;
       for (i = 90; i >= 0; i -= 2 * borderWidth) {
         var element = document.createElement("div");
         element.style.top = h + i + "px";
         element.style.left = v + i + "px";
         element.style.width = width + "px";
         element.style.height = width + "px";
         element.style.borderWidth = borderWidth;
         cont.appendChild(element);
         width += 4 * borderWidth;
       }
       borderWidth += 1;
     }
   }
 </script>
 </body>
 </html>
	<DOCTYPE html>
	<html>
	<head>
	<title>This tests that dashed borders look ok.</title>
	<style>
	div {
	position: absolute;
	border: 1px dashed green;
	}
	</style>
	</head>
	<body>
	<pre id=container></pre>
	<script>
	var cont = document.getElementById("container");
	var borderWidth = 1;
	for (h = 0; h < 500; h += 180) {
	for (v = 0; v < 500; v += 180) {
	width = 0;
	for (i = 90; i >= 0; i -= 2 * borderWidth) {
	var element = document.createElement("div");
	element.style.top = h + i + "px";
	element.style.left = v + i + "px";
	element.style.width = width + "px";
	element.style.height = width + "px";
	element.style.borderWidth = borderWidth;
	cont.appendChild(element);
	width += 4 * borderWidth;
	}
	borderWidth += 1;
	}
	}
	</script>
	</body>
	</html>