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

HTML DOM Style fontSize প্রপার্টি ফন্টের আকার সেট বা রিটার্ন করতে ব্যবহৃত হয়।

সিনট্যাক্স

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

object.style.fontSize = "value|initial|inherit"

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

মান	বিবরণ
xx-small, x-small, small, medium, large, x-large, xx-large	xx-small থেকে xx-large পর্যন্ত এর আকারে ফন্ট আকার সেট করে।
smaller	টেক্সটের ফন্ট আকার একটি আপেক্ষিক ইউনিটে কমিয়ে দেয়।
larger	টেক্সটের ফন্ট আকার একটি আপেক্ষিক ইউনিটে বাড়িয়ে দেয়।
length	বৈধ দৈর্ঘ্য এককে (px, em, rem ইত্যাদি) ফন্ট আকার নির্ধারণ করে।
%	চাইল্ড এলিমেন্টের ফন্ট আকার প্যারেন্ট এলিমেন্টের ফন্ট আকারের শতকরা হারে সেট করে।
initial	প্রপার্টিকে ডিফল্ট মানে সেট করে।
inherit	প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকারসূত্রে পায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
  li {
    font-size: 1.1em;
    background-color: snow;
    font-family: cursive;
  }
</style>
<script>
  function changeFontSize() {
    for(var i=0; i<3; i++) {
      document.getElementsByTagName("li")[i].style.fontSize = "xx-large";
    }
    document.getElementById("Sample").innerHTML = "উপরের লিস্টের ফন্ট আকার এখন xx-large-এ সেট করা হয়েছে";
  }
</script>
</head>
<body>
  <ul>
    <li>This is list item 1.</li>
    <li>This is list item 2</li>
    <li>This is list item 3</li>
  </ul>
  <p>নিচের বাটনে ক্লিক করে উপরের লিস্ট আইটেমের ফন্ট আকার পরিবর্তন করুন</p>
  <button onclick="changeFontSize()">ফন্ট আকার পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় লিস্ট আইটেমের ফন্ট আকার 1.1em হবে।

"ফন্ট আকার পরিবর্তন করুন" বাটনে ক্লিক করার পর সব লিস্ট আইটেমের ফন্ট আকার xx-large হবে।