table-valign-baseline-ascii-case-insensitive.html (972B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="help" href="https://html.spec.whatwg.org/#tables-2:presentational-hints"> 4 <link rel="help" href="https://drafts.csswg.org/selectors-4/#attribute-case"> 5 <meta name="assert" content="@valign values on table-related elements are ASCII case-insensitive"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <table><tr><td valign="baseline">X</table> 9 <table><tr><td valign="BaSeLiNe">X</table> 10 <table><tr><td valign="baſeline">X</table> 11 <script> 12 const td = document.querySelectorAll("td"); 13 14 test(() => { 15 assert_equals(getComputedStyle(td[0]).getPropertyValue("vertical-align"), 16 "baseline", "lowercase valid"); 17 assert_equals(getComputedStyle(td[1]).getPropertyValue("vertical-align"), 18 "baseline", "mixed case valid"); 19 assert_equals(getComputedStyle(td[2]).getPropertyValue("vertical-align"), 20 "middle", "non-ASCII invalid"); 21 }, "keyword baseline"); 22 </script>