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

जावास्क्रिप्ट के साथ छवि सीमा की चौड़ाई कैसे सेट करें?


छवि सीमा की चौड़ाई निर्धारित करने के लिए, borderImageWidth का उपयोग करें जावास्क्रिप्ट में संपत्ति।

उदाहरण

बॉर्डर की चौड़ाई को इमेज के रूप में सेट करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color:gray;
            border: 40px solid;
            border-image: url('https://www.tutorialspoint.com/images/neo4j.png');
            border-image-slice: 50;
            border-image-width: 20px;
            border-image-width: 1 1 1 1;
            border-image-outset: 0;
            border-image-repeat: round;
         }
      </style>
   </head>
   <body>
      <div id="box">
         <p>Demo Text!</p>
      </div>
      <button onclick="display()">Set Width</button>
      <script>
         function display(){
            document.getElementById("box").style.borderImageWidth = "20px 30px";
         }
      </script>
   </body>
</html>

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

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

  1. जावास्क्रिप्ट के साथ किसी छवि की चमक और कंट्रास्ट कैसे सेट करें?

    चमक सेट करने के लिए, चमक का उपयोग करें संपत्ति और इसके विपरीत के लिए, विपरीत संपत्ति का उपयोग करें। उदाहरण जावास्क्रिप्ट के साथ इमेज फिल्टर का उपयोग करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>       <p>C

  1. जावास्क्रिप्ट के साथ सूची-आइटम मार्कर के रूप में एक छवि कैसे सेट करें?

    सूची-वस्तु में एक छवि को मार्कर के रूप में सेट करने के लिए, listStyleImage का उपयोग करें जावास्क्रिप्ट में संपत्ति। उदाहरण आप जावास्क्रिप्ट के साथ एक छवि को सूची-आइटम मार्कर के रूप में सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    &l