CSS Property border-bottom-left-radius

The border-bottom-left-radius property is employed to around the bottom left corner of a part.

The property takes in one or 2 values that outline the radii of 1 / 4 conic that defines the form of the corner of the outer border edge (see the diagram below). the primary worth is that the horizontal radius, the second the vertical radius. If the second worth is omitted it’s derived from the primary. If either length is zero, the corner is sq., not rounded. Percentages for the horizontal radius talk over with the dimension of the border box, whereas percentages for the vertical radius talk over with the peak of the border box. Negative values don’t seem to be allowed.

The curvature of the corner doesn’t have to be compelled to be utterly circular. once just one worth is given and also the alternative is derived from the one that’s given, the result are a circular curve; i.e, associate degree arc of a circle is employed as a border.

But once 2 values square measure given and that they don’t seem to be equal, the result’s associate degree elliptical curve; i.e, associate degree arc of associate degree conic is employed as a border.

Examples

Desktop Browser Support

Mobile Browser Support

border-bottom-left-radius: 50%;
border-bottom-left-radius: 30px;
border-bottom-left-radius: 100px 50px;
border-bottom-left-radius: 20% 30%;  

One comment

  1. Magnificent beat ! I wish to apprentice while you amend your web site, how can i subscribe for a blog site? The account helped me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear idea

Leave a Reply