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

जावास्क्रिप्ट के साथ छवि सीमा के आवक ऑफसेट कैसे सेट करें?


इमेज बॉर्डर के आवक ऑफसेट को सेट करने के लिए, BorderImageSlice का उपयोग करें जावास्क्रिप्ट में संपत्ति।

उदाहरण

borderImageSlice . को लागू करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति।

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color:blue;
            border: 40px dashed;
            border-image: url('https://www.tutorialspoint.com/images/neo4j.png');
            border-image-slice: 50;
            border-image-width: 0 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 Inward Offsets</button>
      <script>
         function display() {
            document.getElementById("box").style.borderImageSlice = "20% 20%";
         }
      </script>
   </body>
</html>

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

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

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

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

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

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