testing/web-platform/tests/css/css-content/attr-case-sensitivity-002.html

   1 <!DOCTYPE html>
   2 <meta charset="utf-8">
   3 <title>attr() with attributes containing uppercase letters</title>
   4 <link rel="help" href="https://www.w3.org/TR/css-values-4/#attr-notation">
   5 <link rel="match" href="/css/css-content/attr-case-sensitivity-ref-002.html">
   6 <link rel="mismatch" href="/css/css-content/attr-case-sensitivity-ref-003.html">
   7 <meta name="assert" content="This test checks that attribute names specified in the attr() function without a namespace are case-insensitive.">
   8 <style>
   9     #casematch:before { content: attr(RESULT); }
  10     #lowercase:before { content: attr(RESULT); }
  11 </style>
  12 <p id="casematch"></p>
  13 <p id="lowercase"></p>
  14 <script>
  15     // Test uses the Element.setAttributeNS() to create an attribute in the HTML document with capital letters
  16     casematch.setAttributeNS('', 'RESULT', 'casematch');
  17     lowercase.setAttributeNS('', 'result', 'lowercase');
  18 </script>