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

सेट करें कि लचीली वस्तुओं को जावास्क्रिप्ट के साथ लपेटना चाहिए या नहीं?


flexWrap का प्रयोग करें जावास्क्रिप्ट में संपत्ति सेट करती है कि लचीली वस्तुओं को जावास्क्रिप्ट के साथ लपेटना चाहिए या नहीं।

उदाहरण

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

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 1px solid #000000;
            width: 120px;
            height: 150px;
            display: flex;
            flex-wrap: wrap;
         }
         #box div {
            height: 50px;
            width: 50px;
         }
      </style>
   </head>
   <body>
      <div id = "box">
         <div style = "background-color:orange;">DIV1</div>
         <div style = "background-color:blue;">DIV2</div>
         <div style = "background-color:yellow;" id = "myID">DIV3</div>
      </div>
      <p>Using flexWrap property</p>
      <button onclick = "display()">Set</button>
      <script>
         function display() {
            document.getElementById("box").style.flexWrap = "nowrap";
         }
      </script>
   </body>
</html>

  1. CSS के साथ बॉर्डर की शैली सेट करें

    बॉर्डर की शैली सेट करने के लिए, बॉर्डर-शैली . का उपयोग करें संपत्ति। सीमा-शैली की संपत्ति आपको सीमा की निम्नलिखित शैलियों में से एक का चयन करने की अनुमति देती है: कोई नहीं: कोई सीमा नहीं ठोस: सीमा एक ठोस रेखा है। बिंदीदार: बॉर्डर बिंदुओं की एक श्रृंखला है। धराशायी: सीमा छोटी रेखाओं की एक श्रृंखला ह

  1. जावास्क्रिप्ट के साथ आंतरिक HTML सेट करें

    आंतरिक HTML सेट करने के लिए सही सिंटैक्स इस प्रकार है - document.getElementById(“yourIdName”).innerHTML=”yourValue”; आइए अब देखें कि आंतरिक HTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

  1. निर्दिष्ट करें कि फ्लेक्स आइटम को सीएसएस के साथ लपेटना चाहिए या नहीं

    फ्लेक्स-रैप का उपयोग करें संपत्ति निर्दिष्ट करने के लिए कि क्या फ्लेक्स आइटम लपेटना चाहिए या नहीं। फ्लेक्स-रैप प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>   &nb