সিএসএস font-size প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-size | ১.০ | ৫.৫ | ১.০ | ১.০ | ৭.০ |
সংজ্ঞা ও ব্যবহার
font-size প্রোপার্টির মাধ্যমে ফন্টের সাইজ নির্দিষ্ট করা হয়।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| medium | হ্যাঁ | হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। animatableএর উদাহরণ |
সিএসএস সিনট্যাক্স
font-size:medium/xx-small/x-small/small/large/x-large/xx-large/smaller/larger/length/initial/inherit;
বিভিন্ন এইচটিএমএল এলিমেন্টের জন্য ফন্টের সাইজ নির্ধারণ:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css reference example</title>
<style>
h1 {
font-size: 300%;
}
h2 {
font-size: 250%;
}
p {
font-size: 150%;
}
</style>
</head>
<body>
<h1>হেডিং১ এর font-size: 300%</h1>
<h1>হেডিং২ এর font-size: 250%</h1>
<p>প্যরাগ্রাফ এর font-size: 150%;</p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.fontSize="14px"উদাহরণ
<!DOCTYPE html>
<html>
<head>
<p> DIV এলিমেন্ট এর font-family প্রোপাটিকে পরিবর্তন করতে "চেষ্টা করি" বাটনে ক্লিক করি ।</p>
<button onclick="myFunction()"> চেষ্টা করি </button>
<div>
আমরা করবো জয়!আমরা করবো জয়!আমরা করবো জয়!একদিন...
আহা বুকের গভিরে আছে প্রত্যয়আমরা করবো জয়!একদিন... ।।
একদিন সূর্যের ভোর,একদিন স্বপ্নের ভোর,একদিন সত্যের ভোর ,আসবেই...
এই মনে আছে বিশ্বাস,আমরা করি বিশ্বাস,সত্যের ভোর আসবে
একদিন...
</div>
<script>
function myFunction() {
document.getElementById("thisDiv").style.fontSize = "14px";
}
</script>
</body>
</html>
ফলাফল
font-size প্রোপার্টির ভ্যালু-সমূহ
- medium - ফন্টের সাইজ মধ্যম আকারের নির্দিষ্ট করে। এটি হলো ডিফল্ট ভ্যালু।
- xx-small - ফন্টের সাইজকে xx-small আকারে নির্ধারণ করে।
- x-small - ফন্টের সাইজকে অতিরিক্ত ছোট নির্ধারন করে।
- small - ফন্টের সাইজকে ছোট আকারে নির্ধারণ করে।
- large -ফন্টের সাইজকে বড় আকারে নির্ধারণ করে।
- x-large - ফন্টের সাইজকে অতিরিক্ত বড় আকারে নির্ধারণ করে।
- xx-large - ফন্টের সাইজকে xx-large আকারে নির্ধারণ করে।
- smaller -ফন্টের সাইজকে প্যারেন্ট এলিমেন্টের চেয়ে ছোট আকারে নির্ধারণ করে।
- larger - ফন্টের সাইজকে প্যারেন্ট এলিমেন্টের চেয়ে বড় আকারে নির্ধারণ করে।
- length - ফন্টের সাইজকে px, cm ইত্যাদিতে স্থায়ীভাবে নির্ধারণ করে।
- % - প্যারেন্ট এলিমেন্টের ফন্টের সাইজের শতকরায় নির্ধারণ করে।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
font-size প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।