gfx/tests/reftest/1681610-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <style>
   6       body {
   7           margin-left: 100px;
   8           font-size: 500%;
   9           font-family: Nimbus Sans, sans-serif;
  10       }
  11       ul {
  12           width: 1em; /* This must to be non-zero, for the percentages to work. */
  13       }
  14       li {
  15           /* This clip path is chosen to mask off all the rounded edges of a
  16              'disc' list item marker, to hide the anti-aliased pixels along the
  17              round edges of the bullets from the reftest. This makes correctly
  18              rendered 'disc' and 'square' list item markers appear identical,
  19              while a bogus clear pixel in the middle of a 'disc' marker (the
  20              present bug) still shows up.
  21
  22              The exact placement and rendering of the marker is up to the user
  23              agent, so these values are specific to Firefox. The right and left
  24              inset values fall outside the usual 0%-100% range because the
  25              marker appears to the left of the <li>'s border box. */
  26           clip-path: inset(44% 159% 44% -74%);
  27           list-style-type: square;
  28       }
  29     </style>
  30   </head>
  31   <body>
  32     <ul>
  33       <li></li>
  34       <li></li>
  35       <li></li>
  36       <li></li>
  37       <li></li>
  38       <li></li>
  39     </ul>
  40   </body>
  41 </html>