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

Side by Side Diff: LayoutTests/fast/multicol/vertical-rl/rule-style.html

Issue 25687002: Add support for the column-fill property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Put changes to problematic files (for the bots) back in. Created 7 years, 2 months 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
1 <style> 1 <style>
2 body { 2 body {
3 -webkit-writing-mode: vertical-rl; 3 -webkit-writing-mode: vertical-rl;
4 } 4 }
5 5
6 div.columns { 6 div.columns {
7 -webkit-columns: 2; 7 -webkit-columns: 2;
8 -webkit-column-rule-color: gray;
9 -webkit-column-rule-width: 12px;
10 columns: 2;
11 column-rule-color: gray;
12 column-rule-width: 12px;
13 column-fill: auto;
8 width: 200px; 14 width: 200px;
9 height: 20px; 15 height: 20px;
10 -webkit-column-rule-color: gray;
11 -webkit-column-rule-width: 12px;
12 display: inline-block; 16 display: inline-block;
13 } 17 }
14 18
15 div.columns div { 19 div.columns div {
16 width: 400px; 20 width: 400px;
17 } 21 }
18 </style> 22 </style>
19 23
20 <div class="columns" style="-webkit-column-rule-style: solid;"> 24 <div class="columns" style="-webkit-column-rule-style: solid; column-rule-style: solid;">
21 <div></div> 25 <div></div>
22 </div> 26 </div>
23 27
24 <div class="columns" style="-webkit-column-rule-style: dotted;"> 28 <div class="columns" style="-webkit-column-rule-style: dotted; column-rule-style : dotted;">
25 <div></div> 29 <div></div>
26 </div> 30 </div>
27 31
28 <div class="columns" style="-webkit-column-rule-style: dashed;"> 32 <div class="columns" style="-webkit-column-rule-style: dashed; column-rule-style : dashed;">
29 <div></div> 33 <div></div>
30 </div> 34 </div>
31 35
32 <div class="columns" style="-webkit-column-rule-style: groove;"> 36 <div class="columns" style="-webkit-column-rule-style: groove; column-rule-style : groove;">
33 <div></div> 37 <div></div>
34 </div> 38 </div>
35 39
36 <div class="columns" style="-webkit-column-rule-style: ridge;"> 40 <div class="columns" style="-webkit-column-rule-style: ridge; column-rule-style: ridge;">
37 <div></div> 41 <div></div>
38 </div> 42 </div>
39 43
40 <div class="columns" style="-webkit-column-rule-style: inset;"> 44 <div class="columns" style="-webkit-column-rule-style: inset; column-rule-style: inset;">
41 <div></div> 45 <div></div>
42 </div> 46 </div>
43 47
44 <div class="columns" style="-webkit-column-rule-style: outset;"> 48 <div class="columns" style="-webkit-column-rule-style: outset; column-rule-style : outset;">
45 <div></div> 49 <div></div>
46 </div> 50 </div>
47 51
48 <div class="columns" style="-webkit-column-rule-style: double;"> 52 <div class="columns" style="-webkit-column-rule-style: double; column-rule-style : double;">
49 <div></div> 53 <div></div>
50 </div> 54 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698