| <!doctype html> | |
| <html> | |
| <head> | |
| <style type="text/css" media="screen"> | |
| #div1 { | |
| width: 100px; | |
| height: 100px; | |
| padding: 25px; | |
| border: 25px dotted; | |
| background-image: -webkit-linear-gradient(top, yellow, yellow), -webkit-linear-gradient(top, blue, blue), -webkit-linear-gradient(top, green, green); | |
| background-clip: content-box, padding-box, border-box; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| Test passes if the image below shows nested green, blue and yellow squares with a dotted black border. | |
| <div id="div1"></div> | |
| </body> | |
| </html> |