CSS-এ এককবিহীন line-height-এর মান

line-height বৈশিষ্ট্যের মান অগত্যা কিছু এককের সংখ্যা হওয়া আবশ্যক নয়। কেবল একটি সংখ্যা বা ভগ্নাংশও লেখা যেতে পারে। এই ক্ষেত্রে, প্রকৃত line-height মানটি font-size-এর মান দ্বারা গুণ করে পাওয়া যাবে।

উদাহরণস্বরূপ, font-size হল 10px, এবং line-height হল 1.5। এই ক্ষেত্রে, line-height-এর প্রকৃত মান হবে 10px * 1.5 = 15px। আর, পাঠ্যের লাইনের মধ্যে দৃশ্যমান সাদা ফাঁক হবে 5px: 15px - 10px = 5px।

line-height নির্ধারণের এই পদ্ধতির সুবিধা হল যে ফন্টের আকার পরিবর্তন হলে লাইন ব্যবধানও স্বয়ংক্রিয়ভাবে পরিবর্তিত হবে।

আসুন একটি উদাহরণে বর্ণিত পদ্ধতির প্রয়োগ দেখি:

html<p>
  some long text
</p>
cssp {
  font-size: 20px;
  line-height: 1.5;
  text-align: justify;
  width: 400px;
}

Результат:

Задание 1

ধরুন প্যারাগ্রাফের জন্য ফন্টের আকার 30px। line-height বৈশিষ্ট্যটি এমনভাবে সেট করুন যেন প্যারাগ্রাফগুলির মধ্যে দৃশ্যমান সাদা ফাঁক 15px হয়। এটি করতে এককবিহীন line-height মান ব্যবহার করুন।