Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>CSS Borders Reference: border-shape shape() with arc uses default stroke miter limit</title>
<style>
.test {
width: 100px;
height: 100px;
margin: 50px;
display: inline-block;
overflow: visible;
}
</style>
<svg class="test" viewBox="0 0 100 100">
<path d="M 50 10 A 80 80 0 0 0 90 80 A 80 80 0 0 0 10 80 A 80 80 0 0 0 50 10 Z" fill="none" stroke="green" stroke-width="10" stroke-miterlimit="4" />
</svg>