borderBottomLeftRadius प्रॉपर्टी का उपयोग किसी एलिमेंट के निचले बाएं बॉर्डर को गोलाकार कोने देने के लिए किया जाता है। हम निचले बाएं कोने पर बॉर्डर के आकार को सेट और प्राप्त कर सकते हैं।
सिंटैक्स
borderBottomLeftRadius प्रॉपर्टी सेट करने के लिए सिंटैक्स:
object.style.borderBottomLeftRadius = "length|% [length|%]|initial|inherit"
मान
प्रॉपर्टी मानों की व्याख्या:
| क्रमांक | मान और विवरण |
|---|---|
| 1 | length निचले बाएं कोने के आकार को परिभाषित करने के लिए। |
| 2 | % निचले बाएं कोने के आकार को प्रतिशत में परिभाषित करने के लिए। |
| 3 | initial इस प्रॉपर्टी को उसके डिफ़ॉल्ट मान पर सेट करने के लिए। |
| 4 | inherit पैरेंट एलिमेंट के प्रॉपर्टी मान को इनहेरिट करने के लिए। |
उदाहरण
borderBottomLeftRadius प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <head> <style> #DIV1{ height: 100px; width: 200px; border: 10px groove orange; padding: 10px; border-bottom-left-radius: 240px 90px; } </style> <script> function changeBottomBorder(){ document.getElementById("DIV1").style.borderBottomLeftRadius="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>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"निचला बॉर्डर बदलें" बटन पर क्लिक करने पर:
