লাইনগুলোর মধ্যবর্তী দূরত্ব সেট করতে lineHeight প্রপার্টিটি ব্যবহার করুন।
উদাহরণ
<!DOCTYPE html> <html> <body> <h1>শিরোনাম ১</h1> <p id="myID">এটি ডেমো টেক্সট।<br>এটি ডেমো টেক্সট<br>এটি ডেমো টেক্সট</p> <button type="button" onclick="display()">লাইন মধ্যবর্তী দূরত্ব সেট করুন</button> <script> function display() { document.getElementById("myID").style.lineHeight = "2"; } </script> </html>
ব্যাখ্যা: line-height লাইন বক্সের উচ্চতা নির্ধারণ করে। মান: normal (ডিফল্ট, ~১.২), সংখ্যা (ইউনিটলেস, ফন্ট আকারের গুণিতক — সেরা অনুশীলন), দৈর্ঘ্য (px, em, rem), পার্সেন্টেজ। উদাহরণে 2 মানে ফন্ট আকারের ২ গুন (ডাবল স্পেসিং)। ইউনিটলেস মান ব্যবহার করলে চাইল্ড এলিমেন্টগুলোর ফন্ট আকার অনুযায়ী রিস্কেল হয়।