Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-shape">
<style>
svg {
width: 100px;
height: 100px;
overflow: visible;
}
polygon {
fill: yellow;
}
</style>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<polygon points="50,0 100,50, 50,100, 0,50" />
<circle cx="50" cy="50" r="20" style="fill:green"></circle>
</svg>