কম্পিউটার টিউটোরিয়াল

CSS মেজারমেন্ট ইউনিটসমূহ

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; }
  1. CSS আপসোলিউট (Absolute) ও রিলেটিভ (Relative) লেথ ইউনিট বোঝা

  2. CSS-এ রিলেটিভ লেথ ইউনিট

  3. CSS ইউনিট বোঝা

  4. CSS Absolute এবং Relative Units