Round only 2 edges of border

Question

Hi!
Is there any way to round only 2 of 4 edges of border?

Answer 1

I can only think of one way, and it seems like a lot of work.  Let's say you want the rounded edges to be on the top, with a black border color.  You could put two Borders in a grid cell, so that they are on top of each other in the z-order.  Set the BorderBrush of one Border to a LinearGradientBrush which draws from Black to Transparent, going from top to bottom.  The other Border's BorderBrush goes from Black to Transparent, but the gradient goes from bottom to top.  Set the first Border's CornerRadius to some non-zero value.  If you get it just right, it should look like one border because the two gradients would blend together at the just right place.

That might work...

Answer 2

Thanx Josh!

I've stopped on the half-way of proposed solution
Because the result appeared even more satisfactory than desired.
I used only one border with gradient background and gradient brush as you said

Answer 3

I'm glad that worked out for you, Andrew. :)

Answer 4

You can set CornerRadius directly: "TopLeft, TopRight, BottomRight, BottomLeft"

<Border CornerRadius="50,50,0,0" BorderThickness="10" BorderBrush="cyan"/>