border-image-000-ref.html (511B)
1 <!DOCTYPE html> 2 <title>'box-decoration-break: clone' and 'border-image' (reference)</title> 3 <meta name="flags" content="ahem"> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 5 <style> 6 .border-image { 7 font: 81px/1 Ahem; 8 color: transparent; 9 border-image: radial-gradient(green 50%, transparent 50%) 27 fill / 27px; 10 } 11 </style> 12 <p>There should be two green circles below.</p> 13 <div style="width: 81px"> 14 <span class="border-image">A</span> 15 <span class="border-image">A</span> 16 </div>