ফন্টকে ছোট বড় হাতের অক্ষরে (small-caps) প্রদর্শন করতে fontVariant প্রপার্টিটি ব্যবহার করুন।
উদাহরণ
জাভাস্ক্রিপ্টে ফন্টকে ছোট বড় হাতের অক্ষরে প্রদর্শন করতে নিচের কোডটি চালান:
<!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.fontVariant = "small-caps"; } </script> </body> </html>
ব্যাখ্যা: font-variant: small-caps ছোট হাতের অক্ষরগুলোকে বড় হাতের আকারে কিন্তু ছোট আকারে রূপান্তর করে। এটি শুধু ল্যাটিন স্ক্রিপ্টের জন্য ভালো কাজ করে। অন্যান্য মান: normal, inherit, initial। CSS Fonts Module Level 4-এ আরও ভেরিয়েন্ট আছে (যেমন lining-nums, tabular-nums ইত্যাদি)।
