border-radius bir html elementinin kenarlarına yarıçap değeri verir ve kenarlar keskin olmak yerine yuvarlak şekilde oluşur, estetik bir görünüm sağlar.
4 adet değişken eklenebilir değişkenler köşelere saat yönünde etki eder yani sol üst, sağ üst, sağ alt, sol alt
Animasyon eklenebilir.
Javascript yapısı;
object.style.borderRadius="25px"4 değişkenli kullanım;
border-radius: 15px 50px 30px 5px;__________________________________________________ ___________
3 değişkenli kullanım;
İlk değişken sol üst köşeye, ikinci değişen sağ üst ve sol alt köşeye, üçüncü değişken sağ alt köşeye uygulanır.
border-radius: 15px 50px 30px;__________________________________________________ ____________
2 değişkenli kullanım;
border-radius: 15px 50px;İlk değişken sol üst ve sağ alt, ikinci değişken sağ üst ve sol alt köşeye uygulanır.
__________________________________________________ ____________
1 değişkenli kullanım;
border-radius: 15px;Bütün kenarlara 15px uygulanır.
