| OLD | NEW |
|---|
| 1 <style> | 1 <style> |
| 2 div.test { | 2 div.test { |
| 3 border: solid silver; | 3 border: solid silver; |
| 4 -webkit-border-before-width: 2px; | 4 -webkit-border-before-width: 2px; |
| 5 -webkit-border-end-width: 4px; | 5 -webkit-border-end-width: 4px; |
| 6 -webkit-border-after-width: 1px; | 6 -webkit-border-after-width: 1px; |
| 7 -webkit-border-start-width: 3px; | 7 -webkit-border-start-width: 3px; |
| 8 -webkit-logical-width: 64px; | 8 -webkit-logical-width: 64px; |
| 9 -webkit-logical-height: 32px; | 9 -webkit-logical-height: 32px; |
| 10 -webkit-column-count: 2; |
| 10 -webkit-column-gap: 4px; | 11 -webkit-column-gap: 4px; |
| 11 -webkit-column-count: 2; | |
| 12 -webkit-column-rule: 2px solid orange; | 12 -webkit-column-rule: 2px solid orange; |
| 13 -webkit-column-progression: reverse; | 13 -webkit-column-progression: reverse; |
| 14 column-count: 2; |
| 15 column-gap: 4px; |
| 16 column-rule: 2px solid orange; |
| 17 column-fill: auto; |
| 14 } | 18 } |
| 15 | 19 |
| 16 .writing-mode-lr div.test { | 20 .writing-mode-lr div.test { |
| 17 -webkit-writing-mode: vertical-lr; | 21 -webkit-writing-mode: vertical-lr; |
| 18 } | 22 } |
| 19 | 23 |
| 20 .writing-mode-rl div.test { | 24 .writing-mode-rl div.test { |
| 21 -webkit-writing-mode: vertical-rl; | 25 -webkit-writing-mode: vertical-rl; |
| 22 } | 26 } |
| 23 | 27 |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 110 <div></div> | 114 <div></div> |
| 111 <div></div> | 115 <div></div> |
| 112 </div> | 116 </div> |
| 113 <div class="test axis-vertical"> | 117 <div class="test axis-vertical"> |
| 114 <div></div> | 118 <div></div> |
| 115 <div></div> | 119 <div></div> |
| 116 <div></div> | 120 <div></div> |
| 117 <div></div> | 121 <div></div> |
| 118 </div> | 122 </div> |
| 119 </div> | 123 </div> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 25687002:
Add support for the column-fill property. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master