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

जावास्क्रिप्ट वाले तत्व के लिए अस्पष्टता स्तर कैसे सेट करें?


अस्पष्टता का प्रयोग करें जावास्क्रिप्ट में संपत्ति अस्पष्टता स्तर सेट करने के लिए। जावास्क्रिप्ट के साथ एक तत्व के लिए अस्पष्टता स्तर सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            width: 450px;
            background-color: gray;
         }
      </style>
   </head>
   <body>
      <p>Click below to set Opacity.</p>
      <button type="button" onclick="display()">Set Opacity</button>
      <div id="box">
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
      </div>
      <br>
      <script>
         function display() {
            document.getElementById("box").style.opacity = "0.5";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ किसी तत्व के चारों ओर रूपरेखा की शैली कैसे सेट करें?

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

  1. कैसे जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा की चौड़ाई निर्धारित करने के लिए?

    आउटलाइन की चौड़ाई सेट करने के लिए, outlineWidth . का उपयोग करें संपत्ति। आप जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा की चौड़ाई निर्धारित करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <styl

  1. जावास्क्रिप्ट के साथ किसी तत्व के चारों ओर रूपरेखा का रंग कैसे सेट करें?

    आउटलाइन रंग सेट करने के लिए, रूपरेखा रंग . का उपयोग करें संपत्ति। आप जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा का रंग सेट करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>   &nbs