<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<table>
<tr id="parent">
<th id="header"></th>
</tr>
</table>
<script>
// Verifies that the text-align property on th elements may be set to 'start'
test(function() {
header.style.textAlign = 'start';
assert_equals(getComputedStyle(header).textAlign, 'start');
}, 'setting "text-align: start" on th element results in textAlign == "start"');
test(function() {
header.style.textAlign = 'inherit';
assert_equals(getComputedStyle(header).textAlign, 'start');
}, 'setting "text-align: inherit" on th element results in textAlign == "start"');
test(function() {
header.style.textAlign = 'initial';
assert_equals(getComputedStyle(header).textAlign, 'start');
}, 'setting "text-align: initial" on th element results in textAlign == "start"');
// Verifies that the text-align property set on th elements overrides the inherited value
test(function() {
document.getElementById('parent').style.textAlign = 'right';
header.style.textAlign = 'start';
assert_equals(getComputedStyle(header).textAlign, 'start');
}, 'setting text-align on th element overrides the inherited value');
</script>