CSS border bottom right radius is used to set the bottom right radius of border given to the HTML element.
Syntax
|
1 |
border-bottom-right-radius: radius size in px or percentage; |
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<style> .div-border{ border:1px solid yellow; border-bottom-right-radius:20px; padding:10px; } </style> <div class="div-border"> <p>This is a paragraph in a div to show radius given to the bottom right border.</p> </div> </body> </html> |
Output
This is a paragraph in a div to show radius given to the bottom right border.
CSS border bottom right radius values list
| Sr. No. | value | Description |
|---|---|---|
| 1 | length | Used to give radius in pixels and percentage. |
| 2 | initial | Used to define as the property initial value. |
| 3 | inherit | Used to define the computed value of property on the elements parent. |