<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
 <head>
  <title>clip computed style</title>
 <style type="text/css">
   div { height: 5em; width: 10em; font-size:12px }
  </style>
  <script>
    function log(message) {
      var console = document.getElementById("console");
      console.appendChild(document.createTextNode(message + "\n"));
    }
    function runTest() {
      if (window.testRunner) 
        testRunner.dumpAsText();
      var div = document.getElementById("clip");
      if (getComputedStyle(div,'').getPropertyValue("clip") != "rect(5px 24px 1px 12px)") {
          log("FAILED");
          return;
      }
      div = document.getElementById("clip2");
      if (getComputedStyle(div,'').getPropertyValue("clip") != "auto") {
          log("FAILED");
          return;
      }
      log("PASSED");
    }
  </script>
 </head>
 <body onload="runTest()">
  <div id="clip" style="clip: rect(5px, 2em, 1px, 1em)" ></div>
  <div id="clip2" style="clip: auto" ></div>
  <div id="console"></div>
 </body>
</html>