Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(141)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-expected.html

Issue 1419813004: Remove the "horizontal-bt" value from -webkit-writing-mode (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add static_assert to ensure TransformedWritingMode matches to WritingMode Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <html>
2 <head>
3 <title>Differing writing modes test for positioned elements and their containing blocks</title>
4 <style>
5 .htb { -webkit-writing-mode: horizontal-tb }
6 .vlr { -webkit-writing-mode: vertical-lr }
7 .vrl { -webkit-writing-mode: vertical-rl }
8
9 .tl { top: 0; left: 0 }
10 .tr { top: 0; right: 0 }
11 .bl { bottom: 0; left: 0 }
12 .br { bottom: 0; right: 0 }
13
14 .container { margin:5px; display: inline-block; position: relative; width:50px; height:50px; border-top:1px solid black; border-right:2px solid black; border-bo ttom:3px solid black; border-left:4px solid black; padding:1px 2px 3px 4px }
15 .child { position:absolute; width:20px; height:20px; background-color:green }
16
17 .failure { width:20px; height:20px; background-color:red }
18
19 </style>
20 </head>
21 <body>
22 All of the boxes below should look identical to this one:
23 <br>
24
25 <div class="container htb">
26 <div class="child htb tl"></div>
27 <div class="child htb tr"></div>
28 <div class="child htb bl"></div>
29 <div class="child htb br"></div>
30 </div>
31
32 <br>
33
34 The test boxes:
35
36 <br>
37 <div class="container htb">
38 <div class="child htb tl"></div>
39 <div class="child htb tr"></div>
40 <div class="child htb bl"></div>
41 <div class="child htb br"></div>
42 </div>
43
44 <div class="container htb">
45 <div class="child htb tl"></div>
46 <div class="child htb tr"></div>
47 <div class="child htb bl"></div>
48 <div class="child htb br"></div>
49 </div>
50
51 <div class="container htb">
52 <div class="child htb tl"></div>
53 <div class="child htb tr"></div>
54 <div class="child htb bl"></div>
55 <div class="child htb br"></div>
56 </div>
57
58 <br>
59
60 <div class="container htb">
61 <div class="child htb tl"></div>
62 <div class="child htb tr"></div>
63 <div class="child htb bl"></div>
64 <div class="child htb br"></div>
65 </div>
66
67 <div class="container htb">
68 <div class="child htb tl"></div>
69 <div class="child htb tr"></div>
70 <div class="child htb bl"></div>
71 <div class="child htb br"></div>
72 </div>
73
74 <div class="container htb">
75 <div class="child htb tl"></div>
76 <div class="child htb tr"></div>
77 <div class="child htb bl"></div>
78 <div class="child htb br"></div>
79 </div>
80
81 <br>
82
83 <div class="container htb">
84 <div class="child htb tl"></div>
85 <div class="child htb tr"></div>
86 <div class="child htb bl"></div>
87 <div class="child htb br"></div>
88 </div>
89
90 <div class="container htb">
91 <div class="child htb tl"></div>
92 <div class="child htb tr"></div>
93 <div class="child htb bl"></div>
94 <div class="child htb br"></div>
95 </div>
96
97 <div class="container htb">
98 <div class="child htb tl"></div>
99 <div class="child htb tr"></div>
100 <div class="child htb bl"></div>
101 <div class="child htb br"></div>
102 </div>
103
104 <br>
105
106 <div class="container htb">
107 <div class="child htb tl"></div>
108 <div class="child htb tr"></div>
109 <div class="child htb bl"></div>
110 <div class="child htb br"></div>
111 </div>
112
113 <div class="container htb">
114 <div class="child htb tl"></div>
115 <div class="child htb tr"></div>
116 <div class="child htb bl"></div>
117 <div class="child htb br"></div>
118 </div>
119
120 <div class="container htb">
121 <div class="child htb tl"></div>
122 <div class="child htb tr"></div>
123 <div class="child htb bl"></div>
124 <div class="child htb br"></div>
125 </div>
126
127 </body>
128 </html>
129
130
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698