1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/pixel-rounding/border-top-5.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,47 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<html> 1.6 +<head> 1.7 +<title>Pixel rounding testcase</title> 1.8 +<style type="text/css"> 1.9 + 1.10 +html, body { margin: 0; border: none; padding: 0; } 1.11 +div { position: absolute; } 1.12 + 1.13 +</style> 1.14 +</head> 1.15 +<body> 1.16 + 1.17 +<!-- one border --> 1.18 +<div style="top: 10.5px; left: 10px; width: 10px; border-top: 10px solid green"></div> 1.19 +<div style="top: 10.5px; left: 30px; height: 10px; border-right: 10px solid green"></div> 1.20 +<div style="top: 10.5px; left: 50px; width: 10px; border-bottom: 10px solid green"></div> 1.21 +<div style="top: 10.5px; left: 70px; height: 10px; border-left: 10px solid green"></div> 1.22 + 1.23 +<!-- two adjacent borders --> 1.24 +<div style="top: 10.5px; left: 90px; border-top: 10px solid green; border-right: 10px solid green"></div> 1.25 +<div style="top: 10.5px; left: 110px; border-bottom: 10px solid green; border-right: 10px solid green"></div> 1.26 +<div style="top: 10.5px; left: 130px; border-top: 10px solid green; border-left: 10px solid green"></div> 1.27 +<div style="top: 10.5px; left: 150px; border-bottom: 10px solid green; border-left: 10px solid green"></div> 1.28 + 1.29 +<!-- two opposite borders --> 1.30 +<div style="top: 10.5px; left: 170px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div> 1.31 +<div style="top: 10.5px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div> 1.32 +<div style="top: 10.5px; left: 210px; height: 10px; border-right: 5px solid green; border-left: 5px solid green"></div> 1.33 + 1.34 +<!-- three borders --> 1.35 +<div style="top: 10.5px; left: 230px; border-right: 5px solid green; border-bottom: 10px solid green; border-left: 5px solid green"></div> 1.36 +<div style="top: 10.5px; left: 250px; border-right: 5px solid green; border-top: 10px solid green; border-left: 5px solid green"></div> 1.37 +<div style="top: 10.5px; left: 270px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div> 1.38 +<div style="top: 10.5px; left: 290px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div> 1.39 +<div style="top: 10.5px; left: 310px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div> 1.40 +<div style="top: 10.5px; left: 330px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div> 1.41 + 1.42 +<!-- four borders --> 1.43 +<div style="top: 10.5px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div> 1.44 +<div style="top: 10.5px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div> 1.45 + 1.46 +<!-- border around space --> 1.47 +<div style="top: 30.5px; left: 10px; border: 10px solid green; height: 10px; width: 10px"></div> 1.48 + 1.49 +</body> 1.50 +</html>