HTML DOM Style fontWeight প্রপার্টি

HTML DOM fontWeight প্রপার্টি একটি এলিমেন্টের টেক্সট ক্যারেক্টারগুলোর বাঁধানো (thickness) সেট বা রিটার্ন করতে ব্যবহৃত হয়।

সিনট্যাক্স

fontWeight প্রপার্টি সেট করার জন্য:

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

প্রপার্টি মানগুলি

মান	বিবরণ
normal	ডিফল্ট মান, ফন্টে কোনো পরিবর্তন আনে না।
lighter	ফন্টকে হালকা করে।
bold	ফন্টকে বোল্ড (মোটা) করে, যা lighter-এর চেয়ে মোটা।
bolder	ফন্টকে আরও বোল্ড করে, যা bold-এর চেয়ে মোটা।
100-900	হালকা থেকে মোটা ক্যারেক্টারের মানবিক রেঞ্জ। Normal=400, Bold=700।
initial	প্রপার্টিকে ডিফল্ট মানে সেট করে।
inherit	প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকারসূত্রে পায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
  #demo2, #demo1 {
    font-family: 'times new roman';
    font-size: 25px;
  }
</style>
<script>
  function changeFontWeight() {
    document.getElementById("demo1").style.fontWeight = "bold";
    document.getElementById("demo2").style.fontWeight = "bold";
    document.getElementById("Sample").innerHTML = "উপরের প্যারাগ্রাফগুলোর ফন্ট ওজন পরিবর্তন করা হয়েছে";
  }
</script>
</head>
<body>
  <div id="demo1">This is demo text</div>
  <div id="demo2">This is demo text</div>
  <p>নিচের বাটনে ক্লিক করে উপরের ডিভগুলোর টেক্সটের ফন্ট ওজন পরিবর্তন করুন</p>
  <button onclick="changeFontWeight()">ফন্ট ওজন পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় টেক্সট নরমাল ওজনে থাকবে।

"ফন্ট ওজন পরিবর্তন করুন" বাটনে ক্লিক করার পর দুটি ডিভের টেক্সট বোল্ড হবে।