How to setup a rectangle like this

[yegender]

Here the inner black color is canceled out colored of the white rectangle. In short terms: I just want to have a rectangle with a specific region of it should be transparent

[JoeCFD]

Is it easier to create a rectangle for the specific region with the same color as the background color? It does not need to be transparent. It is like a fake one.

[yegender]

@JoeCFD But background is going to be a picture instead of black color

[JoeCFD]

@yegender I see. you create a rectangle and add a border(4 sides can be set differently) to it. Then make it transparent. If you need the blue border as well, create two rectangles and do the same thing. Make one is smaller than the other one.

[yegender]

Thanks for this I got it how to do it :)

This is for those who came this post for similar solution:

Rectangle{
                    color:"transparent"
                    border.color:"#88000000"
                    border.width: 5
                    x:200
                    y:200
                    width:640
                    height:480
                    radius:5
                    Rectangle{
                        x:parent.border.width
                        width:parent.width-10
                        y:parent.border.width
                        height:30
                        color:"#88000000"
                    }
                }

And it's output: