CSS border-top-right-radius

The border-top-right-radius property is used to create rounded corners on the top-right corner of an element's border. This property can be used to create visually appealing designs on elements such as buttons, divs, and images.

The syntax for using the border-top-right-radius property is as follows:


selector {
    border-top-right-radius: value;
}

Where selector is the CSS selector for the element you want to style, and value is the radius of the corner in pixels or percentage. You can also specify different values for the horizontal and vertical radius using two values separated by a slash.

Let's see an example of how to use the border-top-right-radius property:

Result:

Rounded Corner

In the example above, we have a div element with a border set to 1px solid black and a border-top-right-radius of 20px. This results in a rounded top-right corner for the element.