उदाहरण columnSpan प्रॉपर्टी से किसी एलिमेंट को सभी कॉलम में फैलाएं (all मान)। <!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; } </style> </head> <body> <p>नोट: columnSpan प्रॉपर्टी Firefox में काम नहीं करती।</p

window ऑब्जेक्ट में location ऑब्जेक्ट शामिल होता है। मुख्य अंतर: window.location.href वर्तमान पृष्ठ का पूरा URL लौटाता है। इस पर मान असाइन करने से नया पृष्ठ लोड होता है (इतिहास में प्रविष्टि जुड़ती है)। <!DOCTYPE html> <html> <body> <p>पृष्ठ का पूरा URL पाने के लिए नीचे

उदाहरण columnWidth प्रॉपर्टी से मल्टी-कॉलम लेआउट में प्रत्येक कॉलम की इष्टतम चौड़ाई सेट करें। <!DOCTYPE html> <html> <body> <p>कॉलम की चौड़ाई सेट करें</p> <button onclick=display()>चौड़ाई बदलें</button> <div id=myID> यह डेमो टेक्स्ट

Google Closure Compiler Google Closure Compiler JavaScript को तेजी से चलाता है और श्रेष्ठ JavaScript के लिए उपयोग किया जाता है। यह आपके JavaScript को पार्स करता है, विश्लेषण करता है, डेड कोड हटाता है, पुनर्लेखन करता है, और शेष को न्यूनतम करता है। JSMin यदि आप मिनिफिकेशन चाहते हैं, तो अनावश्यक टिप्पण

उदाहरण flex शॉर्टहैंड प्रॉपर्टी (flex-grow, flex-shrink, flex-basis) से आइटम का सापेक्ष आकार निर्धारित करें। <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 300px; height: 400px; display: flex; }

उदाहरण marginLeft प्रॉपर्टी से एलिमेंट का बायाँ मार्जिन सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>बायाँ मार्जिन जोड़ें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {

उदाहरण counterReset प्रॉपर्टी से CSS काउंटर बनाएं या रीसेट करें। <!DOCTYPE html> <html> <head> <style> h2:before { counter-increment: section; content: counter(section) क्विज़ ; } </style> </head> <body> <h1&

उदाहरण flexBasis प्रॉपर्टी से फ्लेक्स आइटम का प्रारंभिक मुख्य आकार सेट करें। <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 450px; height: 150px; display: flex; } #box div { flex-g

उदाहरण counterIncrement प्रॉपर्टी से CSS काउंटर बढ़ाएं। <!DOCTYPE html> <html> <head> <style> h2 { counter-increment: section; } h2:before { content: counter(section) क्विज़ ; } </style> </head> <body>

उदाहरण flexDirection प्रॉपर्टी से फ्लेक्स कंटेनर में आइटम्स की दिशा निर्धारित करें। <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 450px; height: 150px; display: flex; flex-direction: column;

उदाहरण addEventListener() मेथड से इवेंट हैंडलर संलग्न करें। <!DOCTYPE html> <html> <body> <p>नीचे दिए गए बटन पर डबल क्लिक करें।</p> <button id=btnid> डबल क्लिक </button> <p id=pid> </p> <script> document.getElementBy

उदाहरण एक ही एलिमेंट पर अलग-अलग इवेंट्स के लिए addEventListener() को कई बार कॉल करें। <!DOCTYPE html> <html> <body> <p>एक बार क्लिक करके दिनांक प्राप्त करें।</p> <p>दो बार क्लिक करके अलर्ट बॉक्स प्राप्त करें।</p> <button id=btnid> मुझे क्

उदाहरण addEventListener() मेथड से किसी एलिमेंट पर इवेंट हैंडलर संलग्न करें। <!DOCTYPE html> <html> <body> <p>नीचे दिए गए बटन पर क्लिक करें।</p> <button id=btnid>मुझे क्लिक करें</button> <p id=pid></p> <script> docume

उदाहरण columnRule शॉर्टहैंड प्रॉपर्टी से कॉलम नियम की चौड़ाई, शैली और रंग एक साथ सेट करें। <!DOCTYPE html> <html> <body> <p>4 कॉलम बनाने के लिए नीचे क्लिक करें</p> <button onclick=display()>कॉलम</button> <div id=myID> यह डेमो टेक्स्

उदाहरण addEventListener() से जोड़े गए इवेंट हैंडलर को हटाने के लिए removeEventListener() का उपयोग करें। <!DOCTYPE html> <html> <head> <style> #box { background-color: gray; border: 2px dashed; } </style> </head> <body&g

उदाहरण columnRuleStyle प्रॉपर्टी से कॉलम नियम (rule) की शैली बदलें। <!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; column-rule: 4px dotted yellow; } </style> </head> <body> <p>शैली बदलने के

उदाहरण नोड लिस्ट में नोड्स की संख्या जानने के लिए length प्रॉपर्टी का उपयोग करें। <!DOCTYPE html> <html> <body> <p>डेमो टेक्स्ट 1</p> <p id=pid></p> <script> var myLen = document.querySelectorAll(p); document.getElementById(pi

उदाहरण JavaScript में सभी फ़ॉन्ट प्रॉपर्टीज़ (font-style, font-variant, font-weight, font-size, line-height, font-family) को एक साथ सेट करने के लिए font शॉर्टहैंड प्रॉपर्टी का उपयोग करें। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID>

कॉलम नियम की चौड़ाई सेट करना कॉलम के बीच नियम (रेखा) की चौड़ाई सेट करने के लिए columnRuleWidth प्रॉपर्टी का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; column-rule: 4px solid yellow; } </style>

CSS कॉलम्स शॉर्टहैंड प्रॉपर्टी कॉलम चौड़ाई और कॉलम काउंट को एक ही घोषणा में सेट करने के लिए JavaScript columns प्रॉपर्टी का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; column-rule: 4px solid yellow; }