<!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>