HTML DOM Style lineHeight প্রপার্টি টেক্সটের লাইনগুলোর মধ্যবর্তী দূরত্ব বা লাইন হাইট সেট করতে ব্যবহৃত হয়।
সিনট্যাক্স
লাইন হাইট পাওয়ার জন্য:
object.style.lineHeight
লাইন হাইট সেট করার জন্য:
object.style.lineHeight = "normal|number|length|%|initial|inherit"
মানগুলো
- normal: সাধারণ লাইন হাইট। এটি ডিফল্ট।
- number: বর্তমান ফন্ট সাইজের সাথে গুণ করে লাইন হাইট সেট করে।
- length: লেনথ ইউনিটে (px, em, cm ইত্যাদি) লাইন হাইট নির্দিষ্ট করে।
- %: বর্তমান ফন্ট সাইজের শতাংশ হিসেবে লাইন হাইট।
- initial: প্রপার্টিকে ডিফল্ট মানে ফেরত দেয়।
- inherit: প্যারেন্ট এলিমেন্ট থেকে প্রপার্টি উত্তরাধিকার সূত্রে পায়।
উদাহরণ
<!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>
আউটপুট
বাটনে ক্লিক করলে লাইন হাইট বেড়ে যায়:
