#myView { background-color: #F4F4F4; border-top: 2px solid #ff0000; }
Will work, but will generate a full border.
#myView { background-color: #F4F4F4; border-bottom: 2px solid #ff0000; }
Doesn't work at all.
The issue is at PXStylerContext line 404. Freestyle is only looking into the top values and then generates a rectangular border.
As a workaround, one can use gradient background with hard stops. For example, drawing a yellow background with a blue bottom line:
background-color: linear-gradient(yellow 98%, blue 99%);
#myView { background-color: #F4F4F4; border-top: 2px solid #ff0000; }Will work, but will generate a full border.#myView { background-color: #F4F4F4; border-bottom: 2px solid #ff0000; }Doesn't work at all.The issue is at PXStylerContext line 404. Freestyle is only looking into the top values and then generates a rectangular border.
As a workaround, one can use gradient background with hard stops. For example, drawing a yellow background with a blue bottom line:
background-color: linear-gradient(yellow 98%, blue 99%);