Border radius | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Border radius

How to control border radius seperately for all four corners of a box using css Plz help mw.

25th Dec 2020, 9:09 AM
Alian Jutt
Alian Jutt - avatar
5 Answers
+ 4
Border-radius: (top-left) (top-right) (bottom-right) (bottom-left) ; Example : Border-radius: 5px 10px 25px 15px;
25th Dec 2020, 9:27 AM
Nitin Kushwaha
Nitin Kushwaha - avatar
25th Dec 2020, 9:16 AM
Fu Foy
Fu Foy - avatar
+ 1
Four values - border-radius: 15px 50px 30px 5px; (first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner) (W3schools) Doesn't work?
25th Dec 2020, 9:22 AM
Fu Foy
Fu Foy - avatar
0
No i want to set different values for all corners
25th Dec 2020, 9:17 AM
Alian Jutt
Alian Jutt - avatar
0
It doesnot work in sololearn.
25th Dec 2020, 9:24 AM
Alian Jutt
Alian Jutt - avatar