border-left-right-same-bottom-different-color.html

<!doctype html>
<html>
<head>
<style>
div {
    width: 200px;
    height: 100px;
    background: #aaa;
}
#hasBorder {
    border-top: 30px solid rgba(0, 161, 0, .5);
    border-right: 30px solid #CCC;
    border-bottom: 30px solid rgba(0, 161, 0, 1);
    border-left: 30px solid #CCC;
}
</style>
</head>
<body>
  <!-- [bug 113744] With borders of differing alpha, the corners become squared off -->
  <!-- https://bugs.webkit.org/show_bug.cgi?id=113744 -->
  <!-- A 45 degree angle (with an equal width border) should be expected -->
  <!-- at the corners. If the corners become squared off, this test fails.-->
  <div id="hasBorder"></div>
</body>
</html>

chromium/third_party/blink/web_tests/fast/borders/border-left-right-same-bottom-different-color.html