borderBottomRightRadius प्रॉपर्टी का उपयोग किसी एलिमेंट के निचले दाएं बॉर्डर को गोलाकार कोने देने या उनकी माप प्राप्त करने के लिए किया जाता है।
सिंटैक्स
borderBottomRightRadius प्रॉपर्टी प्राप्त करने के लिए सिंटैक्स निम्न है:
object.style.borderBottomRightRadius = "length|% [length|%]|initial|inherit"
प्रॉपर्टी मानों की व्याख्या नीचे दी गई है:
मान
| क्रमांक | मान और विवरण |
|---|---|
| 1 | length निचले दाएं कोने के आकार को परिभाषित करने के लिए। |
| 2 | % निचले दाएं कोने के आकार को प्रतिशत में परिभाषित करने के लिए। |
| 3 | initial इस प्रॉपर्टी को उसके डिफ़ॉल्ट मान पर सेट करने के लिए। |
| 4 | inherit पैरेंट एलिमेंट के प्रॉपर्टी मान को इनहेरिट करने के लिए। |
उदाहरण
borderBottomRightRadius प्रॉपर्टी का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <style> #DIV1{ height: 100px; width: 200px; border: 10px groove orange; padding: 10px; border-bottom-right-radius: 240px 90px; } </style> <script> function changeBottomBorder(){ document.getElementById("DIV1").style.borderBottomRightRadius="90px 50px"; document.getElementById("Sample").innerHTML="निचला बॉर्डर दायां रेडियस अब घट गया है"; } </script> </head> <body> <div id="DIV1">SOME SAMPLE TEXT</div> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर की इमेज के निचले दाएं बॉर्डर का आकार बदलें</p> <button onclick="changeBottomBorder()">निचला बॉर्डर बदलें</button> <p id="Sample"></p> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"निचला बॉर्डर बदलें" बटन पर क्लिक करने पर:
