Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript DOM में बॉटम-लेफ्ट कॉर्नर के बॉर्डर का आकार कैसे सेट करें?

अवलोकन

borderBottomLeftRadius प्रॉपर्टी बॉटम-लेफ्ट कॉर्नर के बॉर्डर की गोलाई सेट करती है।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: 2px dashed blue;             width: 120px;             height: 120px;          }       </style>    </head>    <body>       <button onclick="display()">Set bottom-left border corner</button>       <div id="box">          <p>Demo Text</p>          <p>Demo Text</p>       </div>       <script>          function display() {             document.getElementById("box").style.borderBottomLeftRadius = "30px";          }       </script>    </body> </html>
  1. - जावास्क्रिप्ट के साथ बॉर्डर के रूप में उपयोग की जाने वाली इमेज कैसे सेट करें?

    जावास्क्रिप्ट में बॉर्डर के रूप में उपयोग की जाने वाली इमेज सेट करने के लिए, इमेज जोड़ने के लिए borderImageSource का उपयोग करें। उदाहरण borderImageSource प्रॉपर्टी के साथ काम करना सीखने के लिए निम्न कोड चलाकर देखें: <!DOCTYPE html> <html>    <head>       &

  1. - जावास्क्रिप्ट के साथ लेफ्ट बॉर्डर की स्टाइल कैसे सेट करें?

    जावास्क्रिप्ट में लेफ्ट बॉर्डर की स्टाइल सेट करने के लिए, borderLeftStyle प्रॉपर्टी का उपयोग करें। इस प्रॉपर्टी के तहत वह स्टाइल सेट करें जो आप बॉर्डर के लिए चाहते हैं यानी सॉलिड, डैश्ड, आदि। उदाहरण लेफ्ट बॉर्डर स्टाइल करना सीखने के लिए निम्न कोड चलाकर देखें: <!DOCTYPE html> <html> &nbs

  1. - जावास्क्रिप्ट के साथ लेफ्ट बॉर्डर का रंग कैसे सेट करें?

    जावास्क्रिप्ट में लेफ्ट बॉर्डर का रंग सेट करने के लिए, borderLeftColor प्रॉपर्टी का उपयोग करें। इस प्रॉपर्टी पर वह रंग सेट करें जो आप बॉर्डर के लिए चाहते हैं। उदाहरण लेफ्ट बॉर्डर का रंग सेट करना सीखने के लिए निम्न कोड चलाकर देखें: <!DOCTYPE html> <html>    <head>