কম্পিউটার

HTML DOM স্টাইল ফন্টস্টাইল প্রপার্টি


HTML DOM স্টাইল ফন্টস্টাইল প্রপার্টি পাঠ্যের ফন্ট স্টাইল সেট বা ফেরানোর জন্য ব্যবহৃত হয়। এটি একটি উপাদানের পাঠ্যের জন্য স্বাভাবিক, তির্যক বা তির্যক শৈলী নির্দিষ্ট করতে ব্যবহৃত হয়।

-এর সিনট্যাক্স নিচে দেওয়া হল

ফন্টস্টাইল প্রপার্টি −

সেট করা হচ্ছে
object.style.fontStyle = "normal|italic|oblique|initial|inherit"

আসুন আমরা fontStyle প্রপার্টি −

এর একটি উদাহরণ দেখি

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
   #demo2,#demo1 {
      font-family: 'times new roman';
      font-size: 25px;
   }
</style>
<script>
   function changeFontStyle() {
      document.getElementById("demo1").style.fontStyle="italic";
      document.getElementById("demo2").style.fontStyle="italic";
      document.getElementById("Sample").innerHTML="The font style has been changed for the above    paragraphs.";
   }
</script>
</head>
<body>
   <div id="demo1" >This is demo text 1</div>
   <div id="demo2">This is demo text 2</div>
   <p>Change the above divs font style by clicking the below button</p>
   <button onclick="changeFontStyle()">Change fontStyle </button>
   <p id="Sample"></p>
</body>
</html>

আউটপুট

HTML DOM স্টাইল ফন্টস্টাইল প্রপার্টি

"ফন্ট স্টাইল পরিবর্তন করুন ক্লিক করলে৷ ” বোতাম -

HTML DOM স্টাইল ফন্টস্টাইল প্রপার্টি


  1. এইচটিএমএল ডম স্টাইল টেক্সট ডেকোরেশন কালার প্রপার্টি

  2. এইচটিএমএল ডম স্টাইল ট্রান্সফর্ম স্টাইল প্রপার্টি

  3. HTML DOM স্টাইল ট্রান্সফর্ম অরিজিন প্রপার্টি

  4. HTML DOM স্টাইল ফন্টস্টাইল প্রপার্টি