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