<!DOCTYPE html> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/licenses/publicdomain/ Tests if the CSS parser can detect wrong syntax of -moz-image-rect() and gracefully fail. --> <html> <head> <title>Testcases: -moz-image-rect() [bug 113577]</title> <style> div.wrapper { width: 32px; height: 32px; margin: 10px; background-color: red; } div.wrapper div { width: 32px; height: 32px; background: no-repeat; } #test1 { /* only non-negative values accepted */ background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), -1, 16, 16, 0); } #test2 { /* only bare numbers and percent values accepted */ background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 0px, 16, 16, 0); } #test3 { /* must have a complete set of <top>, <right>, <bottom>, <left> */ background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 16, 16); } #test4 { /* must be comma separated */ background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png) 0, 16, 16, 0); } </style> </head> <body> <div class="wrapper"><div id="test1"></div></div> <div class="wrapper"><div id="test2"></div></div> <div class="wrapper"><div id="test3"></div></div> <div class="wrapper"><div id="test4"></div></div> </body> </html>