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