জাভাস্ক্রিপ্টে একটি এলিমেন্ট কতগুলো কলামে ছড়িয়ে থাকবে তা সেট করা

যদি আপনি চান কলামগুলো ছিয়ে যাক, তবে জাভাস্ক্রিপ্টে columnSpan প্রপার্টিটিকে all সেট করুন।

উদাহরণ

 <!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; } </style> </head> <body> <p>নোট- columnSpan প্রপার্টি ফায়ারফক্সে কাজ করবে না।</p> <button onclick = "display()">কলাম ছিয়ে দিন</button> <div id = "myID"> <h1 id = "h1ID">ডেমোর জন্য শিরোনাম স্তর ১</h1> এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। </div> <script> function display() { document.getElementById("h1ID").style.columnSpan = "all"; } </script> </body> </html> 

মনে রাখবেন: column-span: all শুধু ব্লক-লেভেল এলিমেন্টের জন্য কাজ করে (যেমন h1, div)। ফায়ারফক্স এখনও এই প্রপার্টি সমর্থন করে না (২০২৪ পর্যন্ত) — বিকল্প হিসেবে এলিমেন্টকে কলাম কন্টেইনারের বাইরে রাখা বা জাভাস্ক্রিপ্ট পলিফিল ব্যবহার করা যেতে পারে।