| <!DOCTYPE html> |
| <title>'box-decoration-break: clone' and 'border-image'</title> |
| <meta name="flags" content="ahem"> |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> |
| <link rel="help" href="https://www.w3.org/TR/css-break-3/#break-decoration"> |
| <link rel="match" href="reference/border-image-000-ref.html"> |
| <style> |
| .border-image { |
| font: 81px/1 Ahem; |
| color: transparent; |
| border-image: radial-gradient(green 50%, transparent 50%) 27 fill / 27px; |
| -webkit-box-decoration-break: clone; |
| box-decoration-break: clone; |
| } |
| </style> |
| <p>There should be two green circles below.</p> |
| <div style="width: 81px"> |
| <span class="border-image">A A</span> |
| </div> |