| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title> |
| CSS Values and Units Test: |
| Attribute references (types) |
| </title> |
| <meta name="assert" content=" |
| When the type of an attr() function is known and unexpected, the declaration is ignored |
| " /> |
| <meta name="flags" content="invalid"> |
| <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 number); height: 200px; } |
| /* NOTE: while '0' is a valid length AND a valid number, the number type isn't a valid representation of a length. */ |
| /* The reason for this is that most numbers aren't valid length */ |
| /* ! Spec need some updates to make those assumptions clearly valid (see Tab Atkins for details) */ |
| |
| </style> |
| |
| </head> |
| <body> |
| |
| <div id="outer" data-test="0"></div> |
| |
| </body> |
| </html> |
