layout/reftests/pixel-rounding/collapsed-border-height-4.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/pixel-rounding/collapsed-border-height-4.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 { display: table; position: absolute; }
    1.12 +
    1.13 +</style>
    1.14 +</head>
    1.15 +<body>
    1.16 +
    1.17 +<!-- one border -->
    1.18 +<div style="top: 10px; left: 10px; width: 10px; border-top: 10.4px solid green"></div>
    1.19 +<div style="top: 10px; left: 30px; height: 10.4px; border-right: 10px solid green"></div>
    1.20 +<div style="top: 10px; left: 50px; width: 10px; border-bottom: 10.4px solid green"></div>
    1.21 +<div style="top: 10px; left: 70px; height: 10.4px; border-left: 10px solid green"></div>
    1.22 +
    1.23 +<!-- two adjacent borders -->
    1.24 +<div style="top: 10px; left: 90px; border-top: 10.4px solid green; border-right: 10px solid green"></div>
    1.25 +<div style="top: 10px; left: 110px; border-bottom: 10.4px solid green; border-right: 10px solid green"></div>
    1.26 +<div style="top: 10px; left: 130px; border-top: 10.4px solid green; border-left: 10px solid green"></div>
    1.27 +<div style="top: 10px; left: 150px; border-bottom: 10.4px solid green; border-left: 10px solid green"></div>
    1.28 +
    1.29 +<!-- two opposite borders -->
    1.30 +<div style="top: 10px; left: 170px; width: 10px; border-top: 5.4px solid green; border-bottom: 5px solid green;"></div>
    1.31 +<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5.4px solid green;"></div>
    1.32 +<div style="top: 10px; left: 210px; height: 10.4px; border-right: 5px solid green; border-left: 5px solid green"></div>
    1.33 +
    1.34 +<!-- three borders -->
    1.35 +<div style="top: 10px; left: 230px; border-right: 5px solid green; border-bottom: 10.4px solid green; border-left: 5px solid green"></div>
    1.36 +<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 10.4px solid green; border-left: 5px solid green"></div>
    1.37 +<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 5.4px solid green; border-left: 10px solid green"></div>
    1.38 +<div style="top: 10px; left: 290px; border-top: 5.4px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
    1.39 +<div style="top: 10px; left: 310px; border-top: 5px solid green; border-bottom: 5.4px solid green; border-right: 10px solid green"></div>
    1.40 +<div style="top: 10px; left: 330px; border-top: 5.4px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
    1.41 +
    1.42 +<!-- four borders -->
    1.43 +<div style="top: 10px; left: 350px; border-top: 5.4px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
    1.44 +<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.4px solid green; border-left: 5px solid green"></div>
    1.45 +
    1.46 +<!-- border around space -->
    1.47 +<div style="top: 30px; left: 10px; border: 10px solid green; height: 20.4px; width: 20px"></div>
    1.48 +
    1.49 +</body>
    1.50 +</html>

mercurial