JavaFx WebView Browser handles transparent borders when the border is consistent, but not when one side of the border is transparent, the transparent border is just missing. See Screen Shot.

We allow our customers to configure transparent borders for rectangles so it won't work right when using javafx WebView as the browser, but it works for all other browsers.

Here is a jsfiddle to reproduce the problem:

https://jsfiddle.net/uexma4o6/16/

Here is the css that doesn't render the ;border-top; correctly:

{code}
div.broken {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-top: 20px solid rgba(255, 0, 255, .25);
    border-bottom: 20px solid rgba(255, 0, 255, 1);
    border-left: 20px solid rgba(255, 0, 255, 1);
    border-right: 20px solid rgba(255, 0, 255, 1);
    margin: 20px 10px;
}
{code}