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>
আউটপুট
এখন লাইনের উচ্চতা −
সেট করতে বোতামে ক্লিক করুন