<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> CSS Values and Units Test: Attribute references (pixels) </title> <meta name="assert" content=" When the fallback of a pixel attribute reference is invalid, the declaration is ignored. " /> <link rel="author" title="François REMY" href="mailto:fremycompany.developer@yahoo.fr" / > <link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/> <link rel="match" href="reference/200-200-green.html" /> <style type="text/css"> html, body { margin: 0px; padding: 0px; } html { background: white; overflow: hidden; } #outer { position: relative; background: green; } #outer { width: 200px; width: attr(data-test px, 300px); height: 200px; } </style> </head> <body> <div id="outer" data-test="300"></div> </body> </html>