CSS border-top-right-radius Property

CSS border-top-right-radius Property


CSS border-top-right-radius Property
This property is used to round the top-right border corner specifically. 
Syntax - 
border-top-right-radius: horizontal-radius vertical-radius 
 
Now we will see Example -
NOTE -
Mozilla-based browsers like Firefox define this property as –moz-border-radiustopright while WebKit-based browsers like Chrome and Safari define it more traditionally as –webkit-border-top-right-radius. 
 
Given the differences, you should test it carefully as syntax may change.
 
Example - 
 

class="one">This is a heading

 
 
 

 
Output -
Example 2 - Adding background image- 
Output -