CSSAbsolute ইউনিট যেমন ইঞ্চি, সেন্টিমিটার, পয়েন্ট, এবং রিলেটিভ মেজারমেন্ট যেমন পারসেন্টেজ এবং em ইউনিট সহ অনেক মেজারমেন্ট সাপোর্ট করে। আপনার স্টাইল রুলে বিভিন্ন মেজারমেন্ট নির্দিষ্ট করার সময় এই ভ্যালুগুলো প্রয়োজন হয়।
নিচে CSS মেজারমেন্ট ইউনিটগুলো দেওয়া হলো:
| ইউনিট | বিবরণ | উদাহরণ |
|---|---|---|
| % | অন্য একটি ভ্যালুর সাপেক্ষে পারসেন্টেজ হিসেবে মেজারমেন্ট ডিফাইন করে, সাধারণত একটি এনক্লোজিং এলিমেন্ট। | p {font-size: 16pt; line-height: 125%;} |
| cm | সেন্টিমিটারে মেজারমেন্ট ডিফাইন করে। | div {margin-bottom: 2cm;} |
| em | ফন্টের উচ্চতার আপেক্ষিক মেজারমেন্ট em স্পেসে। একটি em ইউনিট দেয়া ফন্টের আকারের সমান, যদি ফন্ট 12pt হয়, তবে 1em = 12pt, 2em = 24pt। | p {letter-spacing: 7em;} |
| ex | ফন্টের x-height আপেক্ষিক মেজারমেন্ট। x-height হলো ফন্টের লোয়ারকেস x-এর উচ্চতা। | p {font-size: 24pt; line-height: 3ex;} |
| in | ইঞ্চিতে মেজারমেন্ট ডিফাইন করে। | p {word-spacing: .15in;} |
| mm | মিলিমিটারে মেজারমেন্ট ডিফাইন করে। | p {word-spacing: 15mm;} |
| pc | পিকাসে মেজারমেন্ট ডিফাইন করে। ১ পিকা = ১২ পয়েন্ট; ১ ইঞ্চিতে ৬ পিকা থাকে। | p {font-size: 20pc;} |
| pt | পয়েন্টে মেজারমেন্ট ডিফাইন করে। ১ পয়েন্ট = ১/৭২ ইঞ্চি। | body {font-size: 18pt;} |
| px | স্ক্রিন পিক্সেলে মেজারমেন্ট ডিফাইন করে। | p {padding: 25px;} |
| vh | ভিউপোর্ট হাইটের ১%। | h2 { font-size: 3.0vh; } |
| vw | ভিউপোর্ট প্রস্থের ১%। | h1 { font-size: 5.9vw; } |
| vmin | ১vw বা ১vh, যেটি ছোট। | p { font-size: 2vmin; } |