<!doctype html> <head> <title>CSS Test (Conditional Rules): Support for simple passing conditions in @supports</title> <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> <link rel="author" href="http://opera.com" title="Opera Software ASA"> <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> <link rel="match" href="at-supports-001-ref.html"> <meta name="flags" content=""> <style> div { background-color:red; height:100px; width:100px; } @supports (margin: 0) { div { background-color:green; } } </style> </head> <body> <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> <div> </div> </body> </html>