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()">Add border radius</button>
      <script>
         function display() {
            document.getElementById("box").style.borderRadius = "20px";
         }
      </script>
   </body>
</html>

  1. छवि को जावास्क्रिप्ट के साथ सीमा के रूप में उपयोग करने के लिए कैसे सेट करें?

    जावास्क्रिप्ट में छवि को बॉर्डर के रूप में उपयोग करने के लिए सेट करने के लिए, borderImageSource का उपयोग करें एक छवि जोड़ने के लिए। उदाहरण borderImageSource के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं छवि को सीमा के रूप में सेट करने के लिए संपत्ति - <!DOCTYPE h

  1. जावास्क्रिप्ट के साथ बाएं सीमा की शैली कैसे सेट करें?

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

  1. जावास्क्रिप्ट के साथ एक घोषणा में सभी रूपरेखा गुणों को कैसे सेट करें?

    रूपरेखा गुण सेट करने के लिए, रूपरेखा . का उपयोग करें संपत्ति। यह आपको रूपरेखा का रंग, शैली और ऑफसेट सेट करने की अनुमति देता है। उदाहरण आप जावास्क्रिप्ट के साथ एक घोषणा में सभी रूपरेखा गुणों को सेट करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>   &nb