| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 .outer { | 5 .outer { |
| 6 width: 500px; | 6 width: 500px; |
| 7 height: 300px; | 7 height: 300px; |
| 8 border: 1px solid black; | 8 border: 1px solid black; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 94 height: 100px; | 94 height: 100px; |
| 95 right: 10px; | 95 right: 10px; |
| 96 bottom: 15px; | 96 bottom: 15px; |
| 97 margin-top: 15px; | 97 margin-top: 15px; |
| 98 margin-right: 30px; | 98 margin-right: 30px; |
| 99 margin-bottom: 20px; | 99 margin-bottom: 20px; |
| 100 margin-left: 10px; | 100 margin-left: 10px; |
| 101 padding: 20px; | 101 padding: 20px; |
| 102 } | 102 } |
| 103 | 103 |
| 104 #ruby { |
| 105 left: 10%; |
| 106 position: relative; |
| 107 } |
| 108 |
| 104 </style> | 109 </style> |
| 105 | 110 |
| 106 <script> | 111 <script> |
| 107 var resolvedValueStyles = [ | 112 var resolvedValueStyles = [ |
| 108 'line-height', | 113 'line-height', |
| 109 'width', | 114 'width', |
| 110 'height', | 115 'height', |
| 111 'top', | 116 'top', |
| 112 'right', | 117 'right', |
| 113 'bottom', | 118 'bottom', |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 156 if (window.testRunner) | 161 if (window.testRunner) |
| 157 testRunner.dumpAsText(); | 162 testRunner.dumpAsText(); |
| 158 | 163 |
| 159 test('fixed'); | 164 test('fixed'); |
| 160 test('percents'); | 165 test('percents'); |
| 161 test('ems'); | 166 test('ems'); |
| 162 test('auto'); | 167 test('auto'); |
| 163 test('mixed'); | 168 test('mixed'); |
| 164 test('rel_positioned'); | 169 test('rel_positioned'); |
| 165 test('abs_positioned'); | 170 test('abs_positioned'); |
| 171 test('ruby'); |
| 166 } | 172 } |
| 167 </script> | 173 </script> |
| 168 </head> | 174 </head> |
| 169 | 175 |
| 170 <body onload="runTests();"> | 176 <body onload="runTests();"> |
| 171 <p> | 177 <p> |
| 172 Test calling getPropertyValue on computed styles that return "resolved"
values.<br /> | 178 Test calling getPropertyValue on computed styles that return "resolved"
values.<br /> |
| 173 See <a href="http://dev.w3.org/csswg/cssom/#resolved-values">http://dev.
w3.org/csswg/cssom/#resolved-values</a> for more information. | 179 See <a href="http://dev.w3.org/csswg/cssom/#resolved-values">http://dev.
w3.org/csswg/cssom/#resolved-values</a> for more information. |
| 174 </p> | 180 </p> |
| 175 <pre id="console"></pre> | 181 <pre id="console"></pre> |
| (...skipping 12 matching lines...) Expand all Loading... |
| 188 </div> | 194 </div> |
| 189 <div class="outer"> | 195 <div class="outer"> |
| 190 <div class="testbox" id="mixed">Mixed</div> | 196 <div class="testbox" id="mixed">Mixed</div> |
| 191 </div> | 197 </div> |
| 192 <div class="outer"> | 198 <div class="outer"> |
| 193 <div class="testbox" id="rel_positioned">Relative Positioned</div> | 199 <div class="testbox" id="rel_positioned">Relative Positioned</div> |
| 194 </div> | 200 </div> |
| 195 <div class="outer" id="abs_container"> | 201 <div class="outer" id="abs_container"> |
| 196 <div class="testbox" id="abs_positioned">Absolute Positioned</div> | 202 <div class="testbox" id="abs_positioned">Absolute Positioned</div> |
| 197 </div> | 203 </div> |
| 204 <div class="outer"> |
| 205 <ruby class="testbox" id="ruby"></ruby> |
| 206 </div> |
| 198 </body> | 207 </body> |
| 199 </html> | 208 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2102843002:
Fix getComputedStyle for non-box-layout elements (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master