CSS-এ আপেক্ষিক দৈর্ঘ্যের ইউনিটগুলি অন্য দৈর্ঘ্যের বৈশিষ্ট্যের সাথে সম্পর্কিত একটি দৈর্ঘ্য নির্দিষ্ট করতে ব্যবহৃত হয়।
| Sr. No | ইউনিট এবং বর্ণনা |
|---|---|
| 1 | em উপাদানটির ফন্ট-আকারের সাথে সম্পর্কিত অর্থাৎ 4em মানে বর্তমান ফন্টের আকারের 4 গুণ। |
| 2 | প্রাক্তন বর্তমান ফন্টের x-উচ্চতার সাথে আপেক্ষিক |
| 3 | ch 0 এর প্রস্থের সাথে সম্পর্কিত |
| 4 | rem রুট উপাদানের ফন্ট-আকারের সাথে সম্পর্কিত |
| 5 | vw ভিউপোর্টের প্রস্থের 1% এর সাথে আপেক্ষিক* |
| 6 | vh ভিউপোর্টের উচ্চতার 1% এর আপেক্ষিক* |
| 7 | vmin ভিউপোর্টের * ছোট মাত্রার 1% এর সাথে আপেক্ষিক |
| 8 | vmax ভিউপোর্টের* বৃহত্তর মাত্রার 1% এর সাথে আপেক্ষিক |
| 9 | % অভিভাবক উপাদান আপেক্ষিক |
উদাহরণ
আসুন আমরা আপেক্ষিক দৈর্ঘ্য ইউনিট -
ব্যবহার করে একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 1.4em;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>৷ আউটপুট
উদাহরণ
আসুন এখন আরেকটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 4ch;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>৷ আউটপুট
