CSS border-bottom-left-radius Property

CSS border-bottom-left-radius Property

This property is used to round the bottom-left border corner specifically. 

Syntax - 

border-bottom-left-radius: horizontal-radius vertical-radius

Now we will see Example -

NOTE -

Mozilla browsers define this property as -moz-border-radius-bottomleft while WebKit-based browsers define it more traditionally as -webkit-borderbottom-left-radius. Given the differences, you should test it carefully as the syntax may change.

Example - 

Output -

Example  - Now adding the background image - 

Output -