border-shape-outline-with-border.html

Enable keyboard shortcuts

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

<!DOCTYPE html>

<title>CSS Borders Test: outline follows border-shape with border</title>

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

<link rel="help" href="https://drafts.csswg.org/css-ui/#outline">

<link rel="match" href="border-shape-outline-with-border-ref.html">

<meta name="fuzzy" content="maxDifference=0-50;totalPixels=0-400">

<style>

body { margin: 0; }

.container { padding: 40px; }

.target {

  width: 100px;

  height: 100px;

  background: lightblue;

  border-shape: circle(50% at 50% 50%);

  border: 10px solid green;

  outline: 4px solid red;

</style>

<div class="container">

  <div class="target"></div>

</div>