HTML DOM columnSpan প্রপার্টি একটি এলিমেন্ট কীভাবে কলামগুলোর জুড়ে ফেলবে তা নির্দিষ্ট করতে ব্যবহৃত হয়।
সিনট্যাক্স
columnSpan প্রপার্টি সেট করার সিনট্যাক্স:
object.style.columnSpan = "1|all|initial|inherit"
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| 1 | এলিমেন্টকে সঠিকভাবে একটি কলামে স্প্যান করاয় এবং এটি ডিফল্ট মান। |
| all | এলিমেন্টটি সব কলামের জুড়ে ফেলা উচিত। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!DOCTYPE html> <html> <head> <style> #DIV1{ column-count: 3; background-color: papayawhip; } #P1{ background-color: lightcyan; font-size: 1.4em; } </style> <script> function changeColumnSpan(){ document.getElementById("P1").style.columnSpan="all"; document.getElementById("Sample").innerHTML="কলাম স্প্যান এখন ১ সেট করা হয়েছে"; } </script> </head> <body> <div id="DIV1"> <p id="P1">This is a sample paragraph heading</p> This is just some random text inside a div. This is going to turn gibberish soon.adkasfdlajfkfask . The text has turned normal now . </div> <p>নিচের বাটনে ক্লিক করলে উপরের div-এর কলাম স্প্যান প্রপার্টি পরিবর্তন হবে</p> <button onclick="changeColumnSpan()">কলাম স্প্যান পরিবর্তন করুন</button> <p id="Sample"></p> </body> </html>
আউটপুট
কলাম স্প্যান পরিবর্তন করুন বাটনে ক্লিক করলে:
