| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/testharness.js"></script> |
| 3 <script src="../../../resources/testharnessreport.js"></script> |
| 4 <style> |
| 5 div { |
| 6 --height: 30px; |
| 7 --size: 12px; |
| 8 --size-and-height: var(--size)/var(--height); |
| 9 } |
| 10 div { |
| 11 font: italic bold var(--size-and-height) serif, sans-serif; |
| 12 } |
| 13 </style> |
| 14 |
| 15 <div id='testElem'></div> |
| 16 <script> |
| 17 |
| 18 test(function() { |
| 19 var te = getComputedStyle(testElem); |
| 20 assert_equals(te.fontSize, '12px'); |
| 21 assert_equals(te.lineHeight, '30px'); |
| 22 assert_equals(te.fontStyle, 'italic'); |
| 23 assert_equals(te.fontWeight, 'bold'); |
| 24 assert_equals(te.fontFamily, 'serif, sans-serif'); |
| 25 }, "shorthand substitution works properly."); |
| 26 </script> |
| OLD | NEW |