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

HTML DOM Style fontSizeAdjust প্রপার্টি ছোট হাতের 'x' এবং বড় হাতের 'X' অক্ষরের উচ্চতা অনুযায়ী ফন্ট আকার সেট করতে ব্যবহৃত হয়। এটি fontSize প্রপার্টির চেয়ে ফন্ট আকারের উপর বেশি নিয়ন্ত্রণ দেয়।

দ্রষ্টব্য: এই প্রপার্টি শুধুমাত্র মজিলা ফায়ারফক্স ব্রাউজারে সমর্থিত।

সিনট্যাক্স

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

object.style.fontSizeAdjust = "none|number|initial|inherit"

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
  .one {
    font-family: verdana;
  }
  .two {
    font-family: 'times new roman';
  }
  #demo1, #demo2 {
    font-size-adjust: 0.5;
  }
</style>
<script>
  function adjustFontSize() {
    document.getElementById("demo1").style.fontSizeAdjust = "1";
    document.getElementById("demo2").style.fontSizeAdjust = "1";
    document.getElementById("Sample").innerHTML = "উপরের ডিভের ভেতরের টেক্সটের fontSizeAdjust প্রপার্টি 1-এ বাড়ানো হয়েছে";
  }
</script>
</head>
<body>
  <div class="one">This is demo text</div><br/>
  <div id="demo1" class="one">This is demo text</div><br/>
  <div class="two">This is demo text</div><br/>
  <div id="demo2" class="two">This is demo text</div>
  <p>নিচের বাটনে ক্লিক করে উপরের ডিভের টেক্সটের fontSizeAdjust প্রপার্টি পরিবর্তন করুন</p>
  <button onclick="adjustFontSize()">fontSizeAdjust পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় ফন্ট সাইজ অ্যাডজাস্ট 0.5-এ সেট থাকবে।

"fontSizeAdjust পরিবর্তন করুন" বাটনে ক্লিক করার পর নির্দিষ্ট ডিভগুলোর ফন্ট সাইজ অ্যাডজাস্ট 1-এ পরিবর্তিত হবে।