attr-in-max.html (804B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Values and Units Test: attr() in max()</title> 6 7 <meta name="assert" content="The attr() function notation is allowed inside a max() notation."> 8 <link rel="author" title="Fuqiao Xue" href="mailto:xfq@w3.org"> 9 <link rel="help" href="https://drafts.csswg.org/css-values/#attr-notation"> 10 <link rel="help" href="https://drafts.csswg.org/css-values/#calc-notation"> 11 <link rel="match" href="reference/200-200-green.html"> 12 13 <style> 14 html, body { margin: 0px; padding: 0px; } 15 16 html { background: white; overflow: hidden; } 17 #outer { position: relative; background: green; } 18 19 #outer { width: max(attr(data-test type(<length>))); height: 200px; } 20 </style> 21 22 </head> 23 <body> 24 25 <div id="outer" data-test="200px"></div> 26 27 </body> 28 </html>