CSS ফন্ট-স্ট্রেচ প্রপার্টি
CSS-এ ফন্ট-স্ট্রেচ প্রপার্টি আমাদের ফন্টের পরিবার থেকে একটি স্বাভাবিক, প্রসারিত বা ঘনীভূত মুখ নির্বাচন করতে দেয়। এই বৈশিষ্ট্যটি ফন্টের ডিফল্ট প্রস্থের সাথে তুলনা করে পাঠ্যকে আরও প্রশস্ত বা সংকীর্ণ করে। এটি কোনও ফন্টে কাজ করবে না তবে শুধুমাত্র সেই ফন্ট-পরিবারে কাজ করবে যার একটি প্রস্থ-ভেরিয়েন্ট ফেস রয়েছে।
এই CSS প্রপার্টি শুধুমাত্র অতিরিক্ত মুখের মতো ফন্টগুলির জন্য কাজ করে যেমন প্রসারিত এবং ঘনীভূত মুখ; অন্যথায়, যে ফন্টগুলির ঘনীভূত বা প্রসারিত মুখ নেই তাদের জন্য এটি প্রভাবহীন হবে।
ফন্ট-ফেসের প্রস্থ নির্বাচন করার জন্য নয়টি কীওয়ার্ড মান নিম্নলিখিত সিনট্যাক্সে দেওয়া হয়েছে।
বাক্য গঠন:
সম্পত্তি মান :
এই CSS প্রপার্টির সম্পত্তির মানগুলি নিম্নরূপ সারণী করা হয়েছে:
| Keyword | Description |
|---|---|
| normal | এটি ডিফল্ট মান, যা কোনো ফন্ট প্রসারিত করে না। |
| semi-condensed | এটি উপাদানটির পাঠ্য অক্ষরগুলিকে সামান্য ঘনীভূত করেছে। এই মান টেক্সটকে স্বাভাবিকের চেয়ে সরু করে কিন্তু ঘনীভূত করে না. |
| condensed | এই মানটি পাঠকে আধা-ঘনত্বের চেয়ে সংকীর্ণ করে কিন্তু অতিরিক্ত-ঘনত্বের চেয়ে সংকীর্ণ করে না। |
| extra-condensed | এই মানটি টেক্সটটিকে ঘনীভূত থেকে সংকীর্ণ করে কিন্তু অতি-ঘনত্বের চেয়ে সংকীর্ণ করে না। |
| ultra-condensed | এই মান পাঠ্যটিকে অত্যন্ত সংকীর্ণ করে তোলে। |
| semi-expanded | এটি উপাদানটির পাঠ্য অক্ষরগুলিকে সামান্য প্রশস্ত করেছে। এই মান টেক্সটটিকে স্বাভাবিকের চেয়ে প্রশস্ত করে কিন্তু প্রসারিত করার চেয়ে প্রশস্ত নয়। |
| expanded | এই মানটি পাঠ্যকে আধা-প্রসারিত থেকে প্রশস্ত করে কিন্তু অতিরিক্ত-প্রসারিত থেকে প্রশস্ত নয়। |
| extra-expanded | এই মানটি টেক্সটকে প্রসারিত থেকে প্রশস্ত করে কিন্তু অতি-প্রসারিত থেকে প্রশস্ত নয়। |
| ultra-expanded | এই মান টেক্সট অত্যন্ত প্রশস্ত করে তোলে.আসুন একটি উদাহরণ ব্যবহার করে উপরের সম্পত্তির মানগুলি বুঝতে পারি। |
উদাহরণ:
