1681610-ref.html (1302B)
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>