কম্পিউটার

HTML DOM শৈলী লাইন উচ্চতা সম্পত্তি


HTML DOM Style lineHeight প্রপার্টি লাইনের উচ্চতা সেট করতে ব্যবহৃত হয়, যা একটি টেক্সটে লাইনের মধ্যে দূরত্ব।

লাইনহাইট প্রপার্টি −

সেট করার জন্য সিনট্যাক্স নিচে দেওয়া হল
object.style.lineHeight

লাইনহাইট প্রপার্টি −

ফেরত দেওয়ার জন্য সিনট্যাক্স নিচে দেওয়া হল
object.style.lineHeight = "normal|number|length|%|initial|inherit"

উপরে, মানগুলি নীচে বর্ণনা করা হয়েছে −

  • স্বাভাবিক: সাধারণ লাইনের উচ্চতা। ডিফল্ট।
  • নম্বর: লাইনের উচ্চতা সেট করার জন্য বর্তমান ফন্টের আকারের সাথে গুণিত একটি সংখ্যা
  • দৈর্ঘ্য: দৈর্ঘ্যের এককে লাইনের উচ্চতা
  • %: বর্তমান ফন্ট সাইজের % এ লাইনের উচ্চতা
  • প্রাথমিক: এই সম্পত্তিটিকে এর ডিফল্ট মান সেট করে।
  • উত্তরাধিকার: এই সম্পত্তিটি এর মূল উপাদান থেকে উত্তরাধিকারসূত্রে পাওয়া যায়৷

এখন DOM Style lineHeight প্রপার্টি -

বাস্তবায়নের জন্য একটি উদাহরণ দেখা যাক

উদাহরণ

<!DOCTYPE html>
<html>
<body>
<h2>Demo Heading</h2>
<div id="myid">
Here, we have set demo text. Here, we have set demo text. Here, we have set demo text. Here,
we have set demo text. Here, we have set demo text. Here, we have set demo text. Here, we
have set demo text. Here, we have set demo text.
Here, we have set demo text. Here, we have set demo text. Here, we have set demo text. Here,
we have set demo text. Here, we have set demo text. Here, we have set demo text.
</div>
<br>
<button type="button" onclick="display()">Click to increase the line height</button>
<script>
   function display() {
      document.getElementById("myid").style.lineHeight = "3";
   }
</script>
</body>
</html>

আউটপুট

HTML DOM শৈলী লাইন উচ্চতা সম্পত্তি

এখন লাইনের উচ্চতা −

সেট করতে বোতামে ক্লিক করুন

HTML DOM শৈলী লাইন উচ্চতা সম্পত্তি


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

  2. এইচটিএমএল ডম স্টাইল হোয়াইটস্পেস সম্পত্তি

  3. এইচটিএমএল ডম স্টাইল ইউজার সিলেক্ট প্রপার্টি

  4. এইচটিএমএল ডম শৈলী দিক বৈশিষ্ট্য