কম্পিউটার

CSS ব্যবহার করে লাইনের উচ্চতা নির্ধারণ করা


লাইনের উচ্চতা সেট করতে, লাইন-উচ্চতা বৈশিষ্ট্য ব্যবহার করুন। নিম্নোক্ত সম্পত্তি মান −

line-height: normal|number|length|initial|inherit;

উদাহরণ

আসুন এখন একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   line-height: 1.9;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text.<br>
This is another demo text.
</p>
</div>
</body>
</html>

আউটপুট

CSS ব্যবহার করে লাইনের উচ্চতা নির্ধারণ করা

উদাহরণ

এখন আরেকটি উদাহরণ দেখা যাক -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   line-height: 200%;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text.<br>
This is another demo text.
</p>
</div>
</body>
</html>

আউটপুট

CSS ব্যবহার করে লাইনের উচ্চতা নির্ধারণ করা


  1. CSS ব্যবহার করে Em এর সাথে ফন্ট সাইজ সেট করা

  2. CSS ব্যবহার করে লিঙ্কের রঙ সেট করা

  3. CSS-এ কালার প্রপার্টি সেট করা

  4. CSS ব্যবহার করে এলিমেন্টের টেক্সট কালার সেট করা