CSS-এ লাইন হাইট

আসুন এখন টেক্সটের লাইন হাইট কিভাবে সেট করতে হয় তা শিখি। লাইন হাইট বলতে টেক্সটের লাইনগুলির মধ্যকার দূরত্ব বোঝায়, অর্থাৎ তাদের মধ্যকার সাদা ফাঁকা স্থান। এর জন্য line-height প্রপার্টি ব্যবহার করা হয়, যা টেক্সট লাইনের উচ্চতা নির্ধারণ করে।

line-height প্রপার্টি ব্যবহার করার সময় আপনার একটি বিভ্রান্তি হতে পারে: এই প্রপার্টিটি টেক্সটের লাইনগুলির মধ্যকার ফাঁকা স্থান নির্ধারণ করে না, যেমনটি মনে হতে পারে, বরং এটি টেক্সট লাইনের উচ্চতা নির্ধারণ করে।

এর মানে হল লাইনগুলির মধ্যে প্রকৃত দৃশ্যমান ফাঁকা স্থানটি এভাবে গণনা করা হবে: line-height - font-size = টেক্সটের লাইনগুলির মধ্যে দৃশ্যমান দূরত্ব।

নিম্নলিখিত উদাহরণে টেক্সটের লাইনগুলির মধ্যে দূরত্ব হবে 50px - 20px = 30px:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 50px;
	text-align: justify;
	width: 400px;
}

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