সিএসএস(৩) font-stretch প্রোপার্টি
ব্রাউজার সাপোর্ট
property |
Google Chrome |
Edge |
Mozila Firefox |
Safari |
Opera |
font-stretch |
সাপোর্ট করে না |
সাপোর্ট করে না |
সাপোর্ট করে না |
সাপোর্ট করে না |
সাপোর্ট করে না |
সংজ্ঞা ও ব্যবহার
font-stretch প্রোপার্টির মাধ্যমে আপনি টেক্সটকে প্রশস্ত অথবা সরু করতে পারেন।
Initial Value: |
Inherited: |
Animatable: |
normal |
হ্যাঁ |
হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। |
সিএসএস সিনট্যাক্স
font-stretch:
ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/initial/inherit;
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css reference example</title>
<style>
#test1 {
font-stretch: condensed;
}
#test2 {
font-stretch: expanded;
}
</style>
</head>
<body>
<p>কোনো ব্রাউজার font-stretch প্রোপার্টি করেনা।</p>
<div>
div এলিমেন্ট এর মধ্যে কিছু টেক্সট।
</div>
<div id="test1">
div এলিমেন্ট এর জন্য condensed টেক্সট।
</div>
<div id="test2">
div এলিমেন্ট এর জন্য কিছু expanded টেক্সট।
</div>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.fontStretch="expanded"
font-stretch প্রোপার্টির ভ্যালু-সমূহ
- ultra-condensed - এটি টেক্সটকে যতোটুকু সম্ভব সরু করে।
- extra-condensed - টেক্সটকে condensed থেকে বেশি, কিন্তু
ultra-condensed থেকে কম সরু করে।
- condensed -টেক্সকে condensed বা ঘনীভুত করে।
- semi-condensed - টেক্সটকে নরমাল টেক্সট থেকে সরু কিন্তু condensed এর চেয়ে কম সরু করে।
- normal -ডিফল্ট ভ্যালু। ফন্টকে কোন বৃ্দ্বি বা হ্রাস করে না।
- semi-expanded - টেক্সকে নরমাল টেক্সট থেকে প্রশস্ত কিন্তু অতিরিক্ত প্রশস্ত করে না।
- expanded -টেক্সকে semi-expanded থেকে প্রশস্ত কিন্তু
extra-expanded এর চেয়ে বেশি প্রশস্ত করে না।
- extra-expanded - টেক্সটকে expanded এর চেয়ে প্রশস্ত করে কিন্তু Utra-expanded এর চেয়ে কম প্রশস্ত করে।
- ultra-expanded -টেক্সকে যতোটুকু সম্ভব প্রশস্ত করে।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে
initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।