borderTopLeftRadius
Misol
div elementining yuqori chap burchagiga yumaloq chegara qo‘shing:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";O‘zingiz sinab ko‘ring »
Tavsif
borderTopLeftRadius xususiyati yuqori chap burchak chegarasining shaklini o‘rnatadi yoki qaytaradi.
Maslahat: Bu xususiyat elementlarga yumaloq chegaralar qo‘shish imkonini beradi!
Sintaksis
borderTopLeftRadius xususiyatini qaytarish:
object.style.borderTopLeftRadius
borderTopLeftRadius xususiyatini o‘rnatish:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Eslatma: border-top-left-radius xususiyatlarining ikkita uzunlik yoki foiz qiymati tashqi chegara cheti burchagining shaklini belgilovchi chorak ellips radiuslarini aniqlaydi. Birinchi qiymat — gorizontal radius, ikkinchisi — vertikal radius. Agar ikkinchi qiymat tushirib qoldirilsa, u birinchisidan nusxalanadi. Agar uzunliklardan biri nolga teng bo‘lsa, burchak yumaloq emas, to‘g‘ri burchakli bo‘ladi. Gorizontal radius uchun foizlar chegara qutisining (border box) kengligiga, vertikal radius uchun foizlar esa chegara qutisining balandligiga nisbatan olinadi.
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| length | Yuqori chap burchak shaklini belgilaydi |
| % | Yuqori chap burchak 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-top-left-radius xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: border-top-left-radius xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderTopLeftRadius — 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!