CSS পরম ইউনিট
পরম দৈর্ঘ্যের একক একে অপরের সাথে সম্পর্কযুক্ত। এই ইউনিটগুলি ব্যবহার করা হয় যখন আউটপুট বিন্যাস ইতিমধ্যে পরিচিত হয়। নিচে কিছু পরম দৈর্ঘ্য একক −
দেওয়া হল| Sr. No | ইউনিট ও বর্ণনা |
|---|---|
| 1 | cm সেন্টিমিটার |
| 2 | mm মিলিমিটার |
| 3 | ইন৷ ইঞ্চি (1in =96px =2.54cm) |
| 4 | px * পিক্সেল (1px =1/96 তম 1in) |
| 5 | pt৷ পয়েন্ট (1pt =1/72 এর 1in) |
| 6 | pc পিকাস (1pc =12 pt) |
উদাহরণ
আসুন এখন একটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 0.3in;
}
</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>৷ আউটপুট
সিএসএস আপেক্ষিক ইউনিট
CSS-এ আপেক্ষিক দৈর্ঘ্যের ইউনিটগুলি অন্য দৈর্ঘ্যের বৈশিষ্ট্যের সাথে সম্পর্কিত একটি দৈর্ঘ্য নির্দিষ্ট করতে ব্যবহৃত হয়।
বর্তমান ফন্টের x-উচ্চতার সাথে সম্পর্কিত
| 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>৷ আউটপুট
