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

जावास्क्रिप्ट के साथ एलिमेंट यूजर द्वारा रिसाइज़ेबल है या नहीं, यह कैसे सेट करें?


एलिमेंट यूजर द्वारा रिसाइज़ेबल है या नहीं, यह सेट करने के लिए resize प्रॉपर्टी का उपयोग करें।

उदाहरण

जावास्क्रिप्ट के साथ एलिमेंट यूजर द्वारा रिसाइज़ेबल है या नहीं, यह सेट करना सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #box {             width: 350px;             overflow: auto;             background-color: orange;             border: 3px solid red;          }       </style>    </head>    <body>       <p>राइट पोजिशन सेट करने के लिए क्लिक करें।</p>       <button type = "button" onclick = "display()"> राइट पोजिशन सेट करें </button>      <div id = "box">         <p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>         <p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>         <p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>      </div>             <br>       <br>       <script>       function display() {          document.getElementById("box").style.resize = "both";       }       </script>    </body> </html>

  1. - JavaScript से एलिमेंट के चारों ओर आउटलाइन की शैली कैसे सेट करें?

    उदाहरण outlineStyle प्रॉपर्टी से आउटलाइन की शैली सेट करें (बॉर्डर के विपरीत, आउटलाइन लेआउट प्रभावित नहीं करता)। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; margin-left:

  1. - JavaScript से एलिमेंट के चारों ओर आउटलाइन की चौड़ाई कैसे सेट करें?

    उदाहरण outlineWidth प्रॉपर्टी से आउटलाइन की मोटाई सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; margin-left: 20px; } </style> </head>

  1. - JavaScript से एलिमेंट के चारों ओर आउटलाइन का रंग कैसे सेट करें?

    उदाहरण outlineColor प्रॉपर्टी से आउटलाइन का रंग सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; } </style> </head> <body> <p>आउट