Add a rounded border to the bottom-right corner of a div element:
The borderBottomRightRadius property sets or returns the shape of the border of the bottom-right corner.
Tip: This property allow you to add rounded borders to elements!
The borderBottomRightRadius property is supported in IE9+, Firefox, Chrome, Safari, and Opera.
Return the borderBottomRightRadius property:
Set the borderBottomRightRadius property:
Value | Description |
---|---|
length | Defines the shape of the bottom-right corner. Default value is 0 |
% | Defines the shape of the bottom-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Default Value: | 0 |
---|---|
Return Value: | A String, representing the border-bottom-right-radius property of an element |
CSS Version | CSS3 |
CSS reference: border-bottom-right-radius property