CSS-এ font-variant প্রপার্টি নিম্নলিখিত প্রপার্টিগুলোর শর্টহ্যান্ড:
- font-variant-caps
- font-variant-numeric
- font-variant-alternates
- font-variant-ligatures
- font-variant-east-asian
সাধারণ মানগুলো:
font-variant: normal | small-caps | initial | inherit;
উদাহরণ ১: normal (ডিফল্ট)
<!DOCTYPE html> <html> <head> <style> body { background-image: linear-gradient(to right, yellow,orange,yellow,green,blue,indigo,violet); } .demo { text-decoration: overline; text-decoration-color: yellow; font-variant: normal; } </style> </head> <body> <h1>Examination Details</h1> <p class="demo">Exam on 20th December.</p> <p class="demo2">Exam begins at 9AM.</p> </body> </html>
আউটপুট
উদাহরণ ২: small-caps
<!DOCTYPE html> <html> <head> <style> .demo { text-decoration: overline underline; text-decoration-color: blue; font-variant: small-caps; } </style> </head> <body> <h1>Details</h1> <p class="demo">Examination Center near ABC College.</p> <p class="demo2">Exam begins at 9AM.</p> </body> </html>
আউটপুট
small-caps এর অর্থ
small-caps সেট করলে ছোট হাতের অক্ষরগুলো ছোট আকারের বড় হাতের অক্ষর (small capitals) হিসেবে প্রদর্শিত হয়। এটি শিরোনাম বা গুরুত্বপূর্ণ টেক্সটের জন্য উপযুক্ত।
নোট: সব ফন্ট small-caps সমর্থন করে না। সিস্টেম ফন্ট বা ওপেন-টাইপ ফন্টে এটি ভালো কাজ করে।
