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.
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%;