blob: 40aea686da85d8b4e016f3acd56dfdc5a6addd99 [file] [log] [blame]
zalan@apple.come5fc8262014-07-08 04:13:40 +00001<!DOCTYPE html>
2<html>
3<head>
4<title>This tests that inline border is positioned properly.</title>
5<style>
6 div {
7 border: 0.5px solid blue;
8 position: absolute;
9 width: 26px;
10 height: 10px;
11 }
12</style>
13</head>
14<body>
15
16<script>
17 for(i = 0; i < 9; ++i) {
18 for(j = 1; j < 3; ++j) {
19 var e = document.createElement("div");
20 e.style.left = j * 30 + "px";
21 e.style.top = 36.5 + (30 * i) + "px";
22 document.body.appendChild(e);
23 }
24 }
25
26 for(i = 0; i < 9; ++i) {
27 var e = document.createElement("div");
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000028 e.style.width = "26px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000029 e.style.height = "10px";
30 e.style.left = 3 * 30 + "px";
31 e.style.top = 36.5 + (30 * i) + "px";
32 document.body.appendChild(e);
33 }
34
35 for(i = 0; i < 9; ++i) {
36 var e = document.createElement("div");
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000037 e.style.width = "26px";
38 e.style.height = "10px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000039 e.style.left = 4 * 30 + "px";
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000040 e.style.top = 36.5 + (30 * i) + "px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000041 document.body.appendChild(e);
42 }
43
44 for(i = 0; i < 9; ++i) {
45 var e = document.createElement("div");
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000046 e.style.width = "26px";
47 e.style.height = "10px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000048 e.style.left = 5 * 30 + "px";
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000049 e.style.top = 36.5 + (30 * i) + "px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000050 document.body.appendChild(e);
51 }
52
53 for(i = 0; i < 9; ++i) {
54 for(j = 6; j < 8; ++j) {
55 var e = document.createElement("div");
56 e.style.left = j * 30 + "px";
57 e.style.top = 36 + (30 * i) + "px";
58 e.style.borderWidth = "1px";
59 document.body.appendChild(e);
60 }
61 }
62
63 for(i = 0; i < 9; ++i) {
64 var e = document.createElement("div");
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000065 e.style.width = "26px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000066 e.style.height = "10px";
67 e.style.left = 8 * 30 + "px";
68 e.style.top = 36 + (30 * i) + "px";
69 e.style.borderWidth = "1px";
70 document.body.appendChild(e);
71 }
72
73 for(i = 0; i < 9; ++i) {
74 var e = document.createElement("div");
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000075 e.style.width = "26px";
76 e.style.height = "10px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000077 e.style.left = 9 * 30 + "px";
zalan@apple.coma0a08cd2016-04-05 03:50:43 +000078 e.style.top = 36 + (30 * i) + "px";
zalan@apple.come5fc8262014-07-08 04:13:40 +000079 e.style.borderWidth = "1px";
80 document.body.appendChild(e);
81 }
82</script>
83</body>
84</html>