LayoutTests/fast/borders/border-image-fill-inline-no-border-expected.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
   <style>
     td {
       padding: 10px;
     }
     div {
       display: inline;
       padding: 5px 14px;
     }
     .font-size-200 {
       font-size: 200%;
     }
     .font-size-400 {
       font-size: 400%;
     }
     .border-slices {
       border: 20px solid transparent;
       border-image: url("resources/button-border.svg") 0 14 0 14 fill;
     }
     .no-border-image-cropped {
       border: 0px none;
       background-image: url("resources/button-border-cropped.svg");
       background-size: 100% 100%;
     }
     .no-border-image {
       border: 0px none;
       background-image: url("resources/button-border.svg");
       background-size: 100% 100%;
     }
   </style>
 </head>
 <body>
   <table>
     <tr>
       <td><div class="font-size-200 border-slices">Search</div></td>
       <td><div class="font-size-200 no-border-image-cropped">Search</div></td>
       <td><div class="font-size-200 no-border-image">Search</div></td>
     </tr>
     <tr>
       <td><div class="font-size-400 border-slices">Search</div></td>
       <td><div class="font-size-400 no-border-image-cropped">Search</div></td>
       <td><div class="font-size-400 no-border-image">Search</div></td>
     </tr>
   </table>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	td {
	padding: 10px;
	}
	div {
	display: inline;
	padding: 5px 14px;
	}
	.font-size-200 {
	font-size: 200%;
	}
	.font-size-400 {
	font-size: 400%;
	}
	.border-slices {
	border: 20px solid transparent;
	border-image: url("resources/button-border.svg") 0 14 0 14 fill;
	}
	.no-border-image-cropped {
	border: 0px none;
	background-image: url("resources/button-border-cropped.svg");
	background-size: 100% 100%;
	}
	.no-border-image {
	border: 0px none;
	background-image: url("resources/button-border.svg");
	background-size: 100% 100%;
	}
	</style>
	</head>
	<body>
	<table>
	<tr>
	<td><div class="font-size-200 border-slices">Search</div></td>
	<td><div class="font-size-200 no-border-image-cropped">Search</div></td>
	<td><div class="font-size-200 no-border-image">Search</div></td>
	</tr>
	<tr>
	<td><div class="font-size-400 border-slices">Search</div></td>
	<td><div class="font-size-400 no-border-image-cropped">Search</div></td>
	<td><div class="font-size-400 no-border-image">Search</div></td>
	</tr>
	</table>
	</body>
	</html>