একটি লাইনের উচ্চতা CSS লাইন-উচ্চতা বৈশিষ্ট্য দ্বারা সংজ্ঞায়িত করা যেতে পারে। এটি শুধুমাত্র ইতিবাচক মান গ্রহণ করে।
সিনট্যাক্স
CSS লাইন-উচ্চতা সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
line-height: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি CSS লাইন-উচ্চতা বৈশিষ্ট্যকে চিত্রিত করে।
<!DOCTYPE html>
<html>
<head>
<style>
div * {
margin: 1.5em;
box-shadow: -13px -10px 10px 1px crimson;
}
#demo {
line-height: 60%;
}
p {
box-shadow: 13px -10px 10px 1px grey;
line-height: 50px;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<div>
<p>This is demo text one.</p>
<div>This is demo text two.</div>
<div id="demo">This is demo text three.</div>
</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div * {
margin: auto;
padding: 3em;
}
p {
height: 100px;
width: 100px;
border: thin solid;
border-radius: 50%;
box-shadow: 0 20px 10px 1px grey;
line-height: 0.6;
}
</style>
</head>
<body>
<h2>What is C#?</h2>
<div>
<p>C# is a strongly-typed language. Every variable and constant has a type, as does every expression that evaluates to a value.</p>
</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয়---
