কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে টেক্সটের লাইনগুলোর মধ্যবর্তী দূরত্ব সেট করা

লাইনগুলোর মধ্যবর্তী দূরত্ব সেট করতে 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 মানে ফন্ট আকারের ২ গুন (ডাবল স্পেসিং)। ইউনিটলেস মান ব্যবহার করলে চাইল্ড এলিমেন্টগুলোর ফন্ট আকার অনুযায়ী রিস্কেল হয়।

  1. জাভাস্ক্রিপ্টে টেক্সট ডিরেকশন সেট করা

  2. জাভাস্ক্রিপ্টে টেক্সটের ফন্ট আকার সেট করা

  3. জাভাস্ক্রিপ্টে এলিমেন্টের আড়াঝাড়ি অ্যালাইনমেন্ট সেট করা

  4. জাভাস্ক্রিপ্টে টেক্সটের অক্ষর মধ্যবর্তী স্পেস সেট করা