-
JavaScript से सभी आउटलाइन प्रॉपर्टीज़ एक घोषणा में कैसे सेट करें?
उदाहरण outline शॉर्टहैंड प्रॉपर्टी से रंग, शैली, चौड़ाई एक साथ सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; } </style> </head> <body>
-
JavaScript से आउटलाइन को ऑफसेट करके बॉर्डर एज से आगे कैसे ड्रा करें?
उदाहरण outlineOffset प्रॉपर्टी से आउटलाइन और बॉर्डर के बीच स्पेस बनाएं। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; margin-left: 20px; } </style> <
-
JavaScript से एलिमेंट के चारों ओर आउटलाइन का रंग कैसे सेट करें?
उदाहरण outlineColor प्रॉपर्टी से आउटलाइन का रंग सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; } </style> </head> <body> <p>आउट
-
JavaScript से एलिमेंट के चारों ओर आउटलाइन की चौड़ाई कैसे सेट करें?
उदाहरण outlineWidth प्रॉपर्टी से आउटलाइन की मोटाई सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; margin-left: 20px; } </style> </head>
-
JavaScript से एलिमेंट के चारों ओर आउटलाइन की शैली कैसे सेट करें?
उदाहरण outlineStyle प्रॉपर्टी से आउटलाइन की शैली सेट करें (बॉर्डर के विपरीत, आउटलाइन लेआउट प्रभावित नहीं करता)। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; margin-left:
-
JavaScript से एलिमेंट बॉक्स के बाहर रेंडर होने वाले कंटेंट का क्या करें?
उदाहरण overflow प्रॉपर्टी से दोनों दिशाओं में ओवरफ्लो हैंडल करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; height: 150px; background-color: orange; border: 3px solid red; margin-left: 20px; } <
-
JavaScript से ओवरफ्लो होने पर कंटेंट के बाएँ/दाएँ किनारों का क्या करें?
उदाहरण overflowX प्रॉपर्टी से क्षैतिज ओवरफ्लो को स्क्रॉल के साथ हैंडल करें। <!DOCTYPE html> <html> <head> <style> #box { width: 350px; height: 150px; background-color: orange; border: 3px solid red; white-space: nowrap;
-
बाइनरी NodeJS Buffer को JavaScript ArrayBuffer में कैसे बदलें?
NodeJS Buffer को ArrayBuffer में बदलने के लिए buf.buffer प्रॉपर्टी एक्सेस करें (Node 4+)। उदाहरण function toArrayBuffer(myBuf) { var myBuffer = new ArrayBuffer(myBuf.length); var res = new Uint8Array(myBuffer); for (var i = 0; i < myBuf.length; ++i) { res[i] = myBuf[i]; } return myBuff
-
JavaScript से SVG ग्राफिक्स कैसे बनाएं?
सभी आधुनिक ब्राउज़र SVG सपोर्ट करते हैं। JavaScript से SVG DOM बनाकर शेप्स ड्रा करें। var mySvg = https://www.w3.org/2000/svg; var myDoc = evt.target.ownerDocument; var myShape = svgDocument.createElementNS(mySvg, circle); myShape.setAttributeNS(null, cx, 40); myShape.setAttributeNS(null, cy, 40); m
-
document.write के बिना JavaScript वेरिएबल्स को HTML पेज में कैसे प्रदर्शित करें?
Element.innerHTML या textContent का उपयोग करके JavaScript वेरिएबल्स को HTML में प्रदर्शित करें। var $myName = document.querySelector(.name); var $jsValue = document.querySelector(.jsValue); $myName.addEventListener(input, function(event) { $jsValue.innerHTML = $myName.value; }, false); बेहतर विकल्
-
JavaScript से एलिमेंट की अधिकतम ऊंचाई कैसे सेट करें?
उदाहरण maxHeight प्रॉपर्टी से एलिमेंट की अधिकतम ऊंचाई सीमित करें। <!DOCTYPE html> <html> <head> <style> #box { width: 300px; background-color: gray; overflow: auto; } </style> </head> <body> <p>अधिक
-
JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?
उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {
-
JavaScript से लिस्ट-आइटम मार्कर प्रकार कैसे सेट करें?
उदाहरण listStyleType प्रॉपर्टी से लिस्ट मार्कर का प्रकार (डिस्क, सर्कल, स्क्वायर, दशमलव, आदि) सेट करें। <!DOCTYPE html> <html> <body> <ul id=myID> <li>एक</li> <li>दो</li> </ul> <button type=button onclick=displaySquar
-
JavaScript से एलिमेंट का निचला मार्जिन कैसे सेट करें?
उदाहरण marginBottom प्रॉपर्टी से एलिमेंट का निचला मार्जिन सेट करें। <!DOCTYPE html> <html> <body> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>निचला मार्जिन सेट करें</button> <script> function display() {
-
JavaScript से एलिमेंट का शीर्ष मार्जिन कैसे सेट करें?
उदाहरण marginTop प्रॉपर्टी से एलिमेंट का शीर्ष मार्जिन सेट करें। <!DOCTYPE html> <html> <head> <style> #myID { border: 2px solid #000000; } </style> </head> <body> <div id=myID>यह डेमो टेक्स्ट है।</div><br
-
JavaScript से एलिमेंट का दायाँ मार्जिन कैसे सेट करें?
उदाहरण marginRight प्रॉपर्टी से एलिमेंट का दायाँ मार्जिन सेट करें। <!DOCTYPE html> <html> <head> <style> #myID { border: 2px solid #000000; } </style> </head> <body> <div id=myID>यह डेमो टेक्स्ट है।</div><
-
JavaScript से एलिमेंट की अधिकतम चौड़ाई कैसे सेट करें?
उदाहरण maxWidth प्रॉपर्टी से एलिमेंट की अधिकतम चौड़ाई सीमित करें। <!DOCTYPE html> <html> <body> <p>अधिकतम चौड़ाई सेट करने के लिए नीचे क्लिक करें।</p> <button type=button onclick=display()>अधिकतम चौड़ाई</button> <div id=box> <p>
-
JavaScript से एलिमेंट की न्यूनतम ऊंचाई कैसे सेट करें?
उदाहरण minHeight प्रॉपर्टी से एलिमेंट की न्यूनतम ऊंचाई बाध्य करें। <!DOCTYPE html> <html> <head> <style> #box { width: 300px; background-color: gray; overflow: auto; } </style> </head> <body> <p>न्य
-
JavaScript से एलिमेंट की न्यूनतम चौड़ाई कैसे सेट करें?
उदाहरण minWidth प्रॉपर्टी से एलिमेंट की न्यूनतम चौड़ाई बाध्य करें। <!DOCTYPE html> <html> <head> <style> #box { width: 50%; background-color: gray; } </style> </head> <body> <p>न्यूनतम चौड़ाई सेट करने के लि
-
JavaScript से एलिमेंट की अस्पष्टता (opacity) स्तर कैसे सेट करें?
उदाहरण opacity प्रॉपर्टी (0.0 से 1.0) से एलिमेंट पारदर्शिता सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: gray; } </style> </head> <body> <p>अस्पष्टता सेट करने के लि