| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>CSS Values and Units Test: attr() in max()</title> |
| |
| <meta name="assert" content="The attr() function notation is allowed inside a max() notation."> |
| <link rel="author" title="Fuqiao Xue" href="mailto:xfq@w3.org"> |
| <link rel="help" href="https://drafts.csswg.org/css-values/#attr-notation"> |
| <link rel="help" href="https://drafts.csswg.org/css-values/#calc-notation"> |
| <link rel="match" href="reference/200-200-green.html"> |
| |
| <style> |
| html, body { margin: 0px; padding: 0px; } |
| |
| html { background: white; overflow: hidden; } |
| #outer { position: relative; background: green; } |
| |
| #outer { width: max(attr(data-test length)); height: 200px; } |
| </style> |
| |
| </head> |
| <body> |
| |
| <div id="outer" data-test="200px"></div> |
| |
| </body> |
| </html> |