layout/reftests/bugs/528096-1-ref.html

   1 <!DOCTYPE HTML>
   2 <!-- Test for some pieces of bug 528096; other pieces are tested in
   3      the mochitests test_font_face_parser.html,
   4      test_media_queries.html, and test_selectors.html -->
   5 <html><head>
   6   <title>Test for bug 528096 (counters and image rects)</title>
   7   <style>
   8   div { display: inline-block; vertical-align: bottom;
   9         margin-right: 6px; width: 16px; height: 16px;
  10         background-color: lime; }
  11   div::before { display: inline-block; height: 16px;
  12                 content: url("checkmark.gif"); }
  13   </style>
  14 </head><body>
  15
  16 <table><tr>
  17   <td>-moz-image-rect()</td>
  18   <td><div id="i1"></td>
  19 </tr><tr>
  20   <td>counter()</td>
  21   <td><div id="c1"></div><div id="c2"></div></td>
  22 </tr><tr>
  23   <td>counters()</td>
  24   <td><div id="cs1"></div><div id="cs2"></div><div id="cs3"></div></td>
  25 </tr></table>
  26
  27 <p>
  28 <a target="_blank"
  29    href="https://bugzilla.mozilla.org/show_bug.cgi?id=528096">Mozilla
  30    bug 528096</a>. There should be no red or orange, and each square
  31    should have a black checkmark in it.
  32 </p>
  33
  34 </body></html>