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 |