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

जावास्क्रिप्ट के साथ चारों बॉर्डर-रेडियस प्रॉपर्टीज एक साथ कैसे सेट करें?


जावास्क्रिप्ट में सभी बॉर्डर-रेडियस प्रॉपर्टीज सेट करने के लिए, borderRadius प्रॉपर्टी का उपयोग करें। इस प्रॉपर्टी का उपयोग करके सभी बॉर्डर-रेडियस प्रॉपर्टीज एक साथ सेट करें।

उदाहरण

चारों बॉर्डर-रेडियस प्रॉपर्टीज सेट करना सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;             width: 200px;             height: 200px          }       </style>    </head>    <body>       <div id="box">Demo Text</div>       <br><br>       <button type="button" onclick="display()">बॉर्डर रेडियस जोड़ें</button>       <script>          function display() {             document.getElementById("box").style.borderRadius = "20px";          }       </script>    </body> </html>

  1. - जावास्क्रिप्ट के साथ बॉर्डर के रूप में उपयोग की जाने वाली इमेज कैसे सेट करें?

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

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

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

  1. - JavaScript से सभी आउटलाइन प्रॉपर्टीज़ एक घोषणा में कैसे सेट करें?

    उदाहरण outline शॉर्टहैंड प्रॉपर्टी से रंग, शैली, चौड़ाई एक साथ सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; } </style> </head> <body>