borderRadius
Misol
div elementiga yumaloq chegaralar qo‘shing:
document.getElementById("myDIV").style.borderRadius = "25px";O‘zingiz sinab ko‘ring »
Tavsif
borderRadius xususiyati to‘rtta borderRadius xususiyatini o‘rnatish yoki qaytarish uchun qisqartma (shorthand) xususiyatdir.
To‘rtta chegara radiusi xususiyati (shu tartibda):
borderTopLeftRadius
borderTopRightRadius
borderBottomRightRadius
borderBottomLeftRadius
Maslahat: Bu xususiyat elementlarga yumaloq burchaklar qo‘shish imkonini beradi!
Sintaksis
borderRadius xususiyatini qaytarish:
object.style.borderRadius
borderRadius xususiyatini o‘rnatish:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Eslatma: Radiuslar uchun to‘rtta qiymat quyidagi tartibda beriladi: yuqori chap, yuqori o‘ng, pastki o‘ng, pastki chap. Agar pastki chap tushirib qoldirilsa, u yuqori o‘ng bilan bir xil bo‘ladi. Agar pastki o‘ng tushirib qoldirilsa, u yuqori chap bilan bir xil bo‘ladi. Agar yuqori o‘ng tushirib qoldirilsa, u yuqori chap bilan bir xil bo‘ladi.
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| length | Burchaklar shaklini belgilaydi. Standart qiymat: 0 |
| % | Burchaklar shaklini % da belgilaydi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | 0 |
|---|---|
| Qaytariladigan qiymat: | Elementning border-radius xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: border-radius xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderRadius — CSS3 (1999) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!