बॉर्डरबॉटम लेफ्टरेडियस का उपयोग तत्व के निचले दाएं बॉर्डर पर गोल कोनों को जोड़ने के लिए किया जाता है। हम बॉटम लेफ्ट कॉर्नर पर बॉर्डर शेप सेट कर सकते हैं और प्राप्त कर सकते हैं।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैBorderBottomLeftRadius प्रॉपर्टी सेट करना -
object.style.borderBottomLeftRadius = "length|% [length|%]|initial|inherit"
मान
संपत्ति के मूल्यों को इस प्रकार समझाया गया है -
| Sr.No | मान और विवरण |
|---|---|
| 1 | लंबाई निचले बाएँ कोने के आकार को परिभाषित करने के लिए |
| 2 | % निचले बाएँ कोने के आकार को प्रतिशत में परिभाषित करने के लिए। |
| 3 | आरंभिक इस संपत्ति को प्रारंभिक मूल्य पर सेट करने के लिए। |
| 4 | उत्तराधिकारी मूल संपत्ति मूल्य प्राप्त करने के लिए |
उदाहरण
आइए हम 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="The bottom border left radius is now decreased";
}
</script>
</head>
<body>
<div id="DIV1">SOME SAMPLE TEXT</div>
<p>Change the above image bottom left border size by clicking the below button</p>
<button onclick="changeBottomBorder()">Change Bottom Border</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
"नीचे की सीमा बदलें" बटन पर क्लिक करने पर -
