Add a testcase for more normal use of borders to the border tests.

This commit is contained in:
dbaron%dbaron.org 2007-02-23 22:01:21 +00:00
Родитель b08f01dd31
Коммит 7a65f37e23
29 изменённых файлов: 112 добавлений и 20 удалений

Просмотреть файл

@ -33,5 +33,9 @@ div { background: green; }
<div style="left: 350px"></div>
<div style="left: 370px"></div>
<div style="top: 30px; left: 10px; width: 30px; height: 30px">
<div style="background:white; top: 10px; left: 10px"></div>
</div>
</body>
</html>

Просмотреть файл

@ -33,5 +33,9 @@ div { background: green; }
<div style="left: 350px"></div>
<div style="left: 370px"></div>
<div style="top: 30px; left: 10px; width: 30px; height: 31px">
<div style="background:white; top: 10px; left: 10px"></div>
</div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<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>
<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>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 10.4px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5.5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 10.5px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5.6px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.6px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 10.6px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -5,7 +5,7 @@
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { position: absolute; top: 10px; height: 10px; width: 11px; }
div { position: absolute; top: 10px; height: 10px; width: 10px; }
div { background: green; }
@ -13,25 +13,29 @@ div { background: green; }
</head>
<body>
<div style="left: 10.4px"></div>
<div style="left: 30.4px"></div>
<div style="left: 50.4px"></div>
<div style="left: 70.4px"></div>
<div style="left: 90.4px"></div>
<div style="left: 110.4px"></div>
<div style="left: 130.4px"></div>
<div style="left: 150.4px"></div>
<div style="left: 170.4px"></div>
<div style="left: 190.4px"></div>
<div style="left: 210.4px"></div>
<div style="left: 230.4px"></div>
<div style="left: 250.4px"></div>
<div style="left: 270.4px"></div>
<div style="left: 290.4px"></div>
<div style="left: 310.4px"></div>
<div style="left: 330.4px"></div>
<div style="left: 350.4px"></div>
<div style="left: 370.4px"></div>
<div style="left: 11px"></div>
<div style="left: 31px"></div>
<div style="left: 51px"></div>
<div style="left: 71px"></div>
<div style="left: 91px"></div>
<div style="left: 111px"></div>
<div style="left: 131px"></div>
<div style="left: 151px"></div>
<div style="left: 171px"></div>
<div style="left: 191px"></div>
<div style="left: 211px"></div>
<div style="left: 231px"></div>
<div style="left: 251px"></div>
<div style="left: 271px"></div>
<div style="left: 291px"></div>
<div style="left: 311px"></div>
<div style="left: 331px"></div>
<div style="left: 351px"></div>
<div style="left: 371px"></div>
<div style="top: 30px; left: 11px; width: 31px; height: 30px">
<div style="background:white; top: 10px; left: 10px"></div>
</div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10.4px; border: 10px solid green; height: 10px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10.5px; border: 10px solid green; height: 10px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10.6px; border: 10px solid green; height: 10px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -33,5 +33,9 @@ div { background: green; }
<div style="left: 350px"></div>
<div style="left: 370px"></div>
<div style="top: 31px; left: 10px; width: 30px; height: 30px">
<div style="background:white; top: 10px; left: 10px"></div>
</div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10.4px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10.4px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30.4px; left: 10px; border: 10px solid green; height: 10px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<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>
<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>
<!-- border around space -->
<div style="top: 30.5px; left: 10px; border: 10px solid green; height: 10px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10.6px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10.6px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30.6px; left: 10px; border: 10px solid green; height: 10px; width: 10px"></div>
</body>
</html>

Просмотреть файл

@ -33,5 +33,9 @@ div { background: green; }
<div style="left: 350px"></div>
<div style="left: 370px"></div>
<div style="top: 30px; left: 10px; width: 31px; height: 30px">
<div style="background:white; top: 10px; left: 10px"></div>
</div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.4px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.4px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 10px; width: 10.4px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 10px; width: 10.5px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.6px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.6px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 10px; width: 10.6px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<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>
<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>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 20.4px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5.5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 20.5px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5.6px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.6px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 20.6px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10.4px; border: 10px solid green; height: 20px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10.5px; border: 10px solid green; height: 20px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10.6px; border: 10px solid green; height: 20px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10.4px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10.4px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30.4px; left: 10px; border: 10px solid green; height: 20px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<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>
<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>
<!-- border around space -->
<div style="top: 30.5px; left: 10px; border: 10px solid green; height: 20px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10.6px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10.6px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<!-- border around space -->
<div style="top: 30.6px; left: 10px; border: 10px solid green; height: 20px; width: 20px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.4px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.4px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 20px; width: 20.4px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.5px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 20px; width: 20.5px"></div>
</body>
</html>

Просмотреть файл

@ -40,5 +40,8 @@ div { display: table; position: absolute; }
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.6px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.6px solid green"></div>
<!-- border around space -->
<div style="top: 30px; left: 10px; border: 10px solid green; height: 20px; width: 20.6px"></div>
</body>
</html>