কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে কলামের প্রস্থ ফেরত দেওয়া বা সেট করা

জাভাস্ক্রিপ্টে কলামের প্রস্থ সেট করতে columnWidth প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

জাভাস্ক্রিপ্টে কলামের প্রস্থ সেট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <body>       <p>কলামের প্রস্থ সেট করুন</p>       <button onclick="display()">প্রস্থ পরিবর্তন</button>       <div id="myID">          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।       </div>       <script>          function display() {             document.getElementById("myID").style.columnWidth = "70px";          }       </script>    </body> </html>

ব্যাখ্যা: column-width হল একটি সাজেশন — ব্রাউজার এই প্রস্থ অনুযায়ী যতটা সম্ভব কলাম তৈরি করবে। এটি column-count-এর সাথে মিলে কাজ করে। যদি দুটোই সেট থাকে, ব্রাউজার সীমাবদ্ধতা মেনে চলবে।

  1. জাভাস্ক্রিপ্টে কলাম নিয়ম প্রপার্টিগুলো সেট করা

  2. জাভাস্ক্রিপ্টে টেক্সট ডিরেকশন সেট করা

  3. জাভাস্ক্রিপ্টে টেক্সটের ফন্ট আকার সেট করা

  4. জাভাস্ক্রিপ্টে এলিমেন্টের আড়াঝাড়ি অ্যালাইনমেন্ট সেট করা