column-span प्रॉपर्टी का उपयोग कॉलम्स के बीच स्पैन निर्दिष्ट करने के लिए किया जाता है। CSS का उपयोग करके column-span प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं:
उदाहरण
<html> <head> <style> .multi { /* कॉलम काउंट प्रॉपर्टी */ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; /* कॉलम गैप प्रॉपर्टी */ -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; /* कॉलम स्टाइल प्रॉपर्टी */ column-rule-style: solid; column-rule-color: #ff00ff; /* कॉलम चौड़ाई प्रॉपर्टी */ -webkit-column-rule-width: 5px; -moz-column-rule-width: 5px; column-rule-width: 5px; /* कॉलम स्पैन प्रॉपर्टी */ -webkit-column-span: all; /* Chrome, Safari, Opera */ column-span: all; } </style> </head> <body> <div class = "multi"> <h2>यह डेमो टेक्स्ट है</h2> Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms. The journey commenced with a single tutorial on HTML in 2006 and elated by the response it generated, we worked our way to adding fresh tutorials to our repository which now proudly flaunts a wealth of tutorials and allied articles on topics ranging from programming languages to web designing to academics and much more. </div> </body> </html>
आउटपुट
