সিএসএস font-weight প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-weight | ২.০ | ৪.০ | ১.০ | ১.৩ | ৩.৫ |
সংজ্ঞা ও ব্যবহার
font-weight প্রোপার্টি দিয়ে কিভাবে টেক্সট সরু বা পুরু অক্ষর প্রদর্শন করে তা নির্ধারণ করা হয়।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| normal | হ্যাঁ | হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। animatableএর উদাহরণ |
সিএসএস সিনট্যাক্স
font-weight: normal/bold/bolder/lighter/number/initial/inherit;
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css reference example</title>
<style>
p.default {
font-weight: normal;
}
p.light {
font-weight: lighter;
}
p.bold {
font-weight: bold;
}
p.boldplus {
font-weight: 900;
}
</style>
</head>
<body>
<p class="default">এটি একটি স্বাভাবিক প্যরাগ্রাফ ।</p>
<p class="light">এটি একটি প্যরাগ্রাফ ।</p>
<p class="bold">এটি একটি বোল্ড প্যরাগ্রাফ ।</p>
<p class="boldplus">এটি আরো বোল্ড অনুচ্ছে প্যরাগ্রাফ ।</p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object .style.fontWeight="bold"উদাহরণ
<!DOCTYPE html>
<html>
<head>
<p> DIV এলিমেন্ট এর টেক্সটকে "bold" করার জন্য "চেষ্টা করি" বাটনে ক্লিক করুনঃ </p>
<button onclick="myFunction()"> চেষ্টা করি </button>
<div id="thisDiv">
আমরা করবো জয়! আমরা করবো জয়! আমরা করবো জয়!একদিন...
আহা বুকের গভীরে আছে প্রত্যয় আমরা করবো জয়! একদিন...
একদিন সূর্যের ভোর একদিন স্বপ্নের ভোর একদিন সত্যের ভোর আসবেই...
এই মনে আছে বিশ্বাস আমরা করি বিশ্বাস সত্যের ভোর আসবে একদিন...
</div>
<script>
function myFunction() {
document.getElementById("thisDiv").style.fontWeight = "bold";
}
</script>
</body>
</html>
ফলাফল
font-weight প্রোপার্টির ভ্যালু-সমূহ
- normal - নরমাল অক্ষর নির্ধারন করে। এটা সাধারনত ডিফল্টভাবে থাকে।
- bold - অক্ষরকে পুরু করে ।
- bolder - সরু অক্ষরকে নির্ধারন করে।
- lighter - লাইটার অক্ষরকে নির্ধারন করে ।
- 100, 200, 300, 400, 500, 600, 700, 800, 900 - সরু থেকে পুরু অক্ষর নির্ধারণ করে। ৪০০-কে নরমাল হিসাবে, এবং ৭০০-কে পুরু হিসাবে ধরা হয়।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
font-weight প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।