inline-outline-with-border-radius-double.html

<!DOCTYPE html>
<style>
div {
  display: inline-block;
  text-align: center;
  width: 150px;
  margin: 30px 0;
}
span {
  outline-style: double;
  outline-color: green;
  border-radius: 30px 10px 20px 50px / 10px 30px 20px 50px;
  font-size: 40px;
  font-family: ahem;
  color: yellow;
}
</style>
<div><span style="outline-width: 1px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 2px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 3px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 15px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 1px; outline-offset: -5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 2px; outline-offset: -5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 3px; outline-offset: -5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 5px; outline-offset: -5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 15px; outline-offset: -5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 1px; outline-offset: 5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 2px; outline-offset: 5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 3px; outline-offset: 5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 5px; outline-offset: 5px">A<br>ABC<br>AB</span></div>
<div><span style="outline-width: 15px; outline-offset: 5px">A<br>ABC<br>AB</span></div>
chromium/third_party/blink/web_tests/fast/css/inline-outline-with-border-radius-double.html
