JSFiddle - React, Tailwind, and code Playground

by Brenton Strine

HTML

width: 10px; border-radius: 0;
<div class=""></div>

border-radius: 1px;
<div class="borderRadius"></div>

width: 0;
<div class="zeroWidth"></div>

width: 0; border-radius: 1px;
<div class="zeroWidth borderRadius"></div>
^^^ the border-top turned BLUE!

CSS

div {
  border-top: solid 100px red;
  border-left: solid 100px blue;
  width: 10px;
  height: 10px;
}
.zeroWidth {width: 0;}
.borderRadius {border-radius: 1px;}