| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <style> |
| text { |
| baseline-shift: inherit; |
| } |
| </style> |
| <svg height="0"><text></text></svg> |
| <script> |
| setup(function() { |
| window.svg = document.querySelector('svg'); |
| window.textElement = document.querySelector('text'); |
| }); |
| [ |
| {value: 'baseline', expected: '0px'}, |
| {value: 'sub'}, |
| {value: 'super'}, |
| {value: '10px'}, |
| {value: '100%'} |
| ].forEach(function(item) { |
| test(function() { |
| svg.style.setProperty('baseline-shift', item.value); |
| assert_equals(getComputedStyle(textElement).baselineShift, item.expected || item.value); |
| }, 'Inheritance of the baseline-shift property, ' + item.value + '.'); |
| }); |
| </script> |
