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

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

ফন্ট আকার সেট করতে জাভাস্ক্রিপ্টে fontSize প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

 <!DOCTYPE html> <html> <body> <h1>শিরোনাম ১</h1> <p id = "myID"> এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। </p> <button type = "button" onclick = "display()">ফন্ট ফ্যামিলি এবং আকার সেট করুন</button> <script> function display() { document.getElementById("myID").style.fontFamily = "verdana,sans-serif"; document.getElementById("myID").style.fontSize = "smaller"; } </script> </body> </html> 

ব্যাখ্যা: fontSize মান হতে পারে:.Absolute keywords (xx-small থেকে xx-large), relative keywords (smaller, larger), length (px, em, rem, %), initial, inherit। উদাহরণে smaller ব্যবহার করা হয়েছে যা প্যারেন্টের চেয়ে এক ধাপ ছোট করে। fontFamily-ও একসাথে সেট করা হয়েছে।

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

  2. জাভাস্ক্রিপ্টে ফন্টের বোল্ডনেস (মোটা) সেট করা

  3. জাভাস্ক্রিপ্টে ফন্ট শৈলী normal, italic বা oblique সেট করা

  4. জাভাস্ক্রিপ্টে ফন্টকে ছোট বড় হাতের অক্ষরে (small-caps) প্রদর্শন করা