border-shape-inner-outer.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-borders/tentative/border-shape/border-shape-inner-outer.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-shape">

<link rel="match" href="border-shape-inner-outer-ref.html">

<meta name="fuzzy" content="maxDifference=0-32;totalPixels=0-128">

<style>

#target {

    width: 100px;

    height: 100px;

    border-shape: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) circle(20%);

    stroke: purple;

    stroke-width: 3px;

    background: green;

    fill: yellow;

    border-radius: 10px;

</style>

<div id="target"></div>