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

Issues Search
    My Issues | Starred     Open | Closed | All

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: 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
« no previous file with comments | « LayoutTests/fast/multicol/vertical-rl/nested-columns.html ('k') | LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html » ('j') | Source/core/css/CSSProperties.in » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 -webkit-column-fill: auto;
11 columns: 2;
12 column-rule-color: gray;
13 column-rule-width: 12px;
14 column-fill: auto;
8 width: 200px; 15 width: 200px;
9 height: 20px; 16 height: 20px;
10 -webkit-column-rule-color: gray;
11 -webkit-column-rule-width: 12px;
12 display: inline-block; 17 display: inline-block;
13 } 18 }
14 19
15 div.columns div { 20 div.columns div {
16 width: 400px; 21 width: 400px;
17 } 22 }
18 </style> 23 </style>
19 24
20 <div class="columns" style="-webkit-column-rule-style: solid;"> 25 <div class="columns" style="-webkit-column-rule-style: solid; column-rule-style: solid;">
21 <div></div> 26 <div></div>
22 </div> 27 </div>
23 28
24 <div class="columns" style="-webkit-column-rule-style: dotted;"> 29 <div class="columns" style="-webkit-column-rule-style: dotted; column-rule-style : dotted;">
25 <div></div> 30 <div></div>
26 </div> 31 </div>
27 32
28 <div class="columns" style="-webkit-column-rule-style: dashed;"> 33 <div class="columns" style="-webkit-column-rule-style: dashed; column-rule-style : dashed;">
29 <div></div> 34 <div></div>
30 </div> 35 </div>
31 36
32 <div class="columns" style="-webkit-column-rule-style: groove;"> 37 <div class="columns" style="-webkit-column-rule-style: groove; column-rule-style : groove;">
33 <div></div> 38 <div></div>
34 </div> 39 </div>
35 40
36 <div class="columns" style="-webkit-column-rule-style: ridge;"> 41 <div class="columns" style="-webkit-column-rule-style: ridge; column-rule-style: ridge;">
37 <div></div> 42 <div></div>
38 </div> 43 </div>
39 44
40 <div class="columns" style="-webkit-column-rule-style: inset;"> 45 <div class="columns" style="-webkit-column-rule-style: inset; column-rule-style: inset;">
41 <div></div> 46 <div></div>
42 </div> 47 </div>
43 48
44 <div class="columns" style="-webkit-column-rule-style: outset;"> 49 <div class="columns" style="-webkit-column-rule-style: outset; column-rule-style : outset;">
45 <div></div> 50 <div></div>
46 </div> 51 </div>
47 52
48 <div class="columns" style="-webkit-column-rule-style: double;"> 53 <div class="columns" style="-webkit-column-rule-style: double; column-rule-style : double;">
49 <div></div> 54 <div></div>
50 </div> 55 </div>
OLDNEW
« no previous file with comments | « LayoutTests/fast/multicol/vertical-rl/nested-columns.html ('k') | LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html » ('j') | Source/core/css/CSSProperties.in » ('J')

Powered by Google App Engine
This is Rietveld 408576698