সিএসএস ইউনিট
সিএসএস ইউনিট
একটি দৈর্ঘ্য প্রকাশ করার জন্য সিএসএস এর বিভিন্ন ইউনিট রয়েছে।
অনেক সিএসএস প্রোপার্টি "length" ভ্যালু নেয়, যেমন- width, margin, padding, font-size, border-width ইত্যাদি।
দৈর্ঘ্য একটি নম্বর যা বিভিন্ন দৈর্ঘ্য একক অনুসরন করে, যেমন ১০px, ২em ইত্যাদি।
ইউনিট ও সংখ্যার মধ্যে কোনো হোয়াইট স্পেস হবে না। যদি মান শূন্য হয় তাহলে ইউনিট এটিকে উপেক্ষা করতে পারে।
কিছু সিএসএস প্রোপার্টির জন্য, ঋনাত্মক মান গ্রহনযোগ্য।
এখানে দু'ধরনের লেন্থ ইউনিট রয়েছেঃ Relative এবং Absolute.
Relative Lengths
রিলেটিভ লেন্থ বলতে এক লেন্থের সাথে অন্য লেন্থের প্রোপার্টির মিল বুঝায়। রিলেটিভ লেন্থ ইউনিট পরিমাপের বিভিন্ন অনুবাদের ক্ষেত্রে ভালো।
ইউনিট | বর্ননা |
---|---|
em | এলিমেন্টের font-size এর সাথে সম্পর্কযুক্ত (2em অর্থ 2 বার বর্তমান ফন্টের আকার) উদাহরণ দেখুন |
ex | বর্তমান ফন্ট x-height এর সাথে সম্পর্কযুক্ত (কম ব্যবহৃত) উদাহরণ দেখুন |
ch | "0" (শূন্য) প্রস্থের সাথে সম্পর্কযুক্ত |
rem | রুট(Root) এলিমেন্টের font-size এর সাথে সম্পর্কযুক্ত |
vw | ভিউপোর্ট*(viewport*) এর 1% প্রস্থের সাথে সম্পর্কযুক্ত। উদাহরণ দেখুন |
vh | ভিউপোর্ট*(viewport*) এর 1% উচ্চতার সাথে সম্পর্কযুক্ত। উদাহরণ দেখুন |
vmin | ভিউপোর্ট*(viewport*) এর 1% ছোট ডাইমেনসনের(dimension) সাথে সম্পর্কযুক্ত। উদাহরণ দেখুন |
vmax | ভিউপোর্ট*(viewport*) এর 1% বড় ডাইমেনসনের(dimension) সাথে সম্পর্কযুক্ত। উদাহরণ দেখুন |
% |
নোটঃ em এবং rem ইউনিট পুরোপুরি আকার পরিবর্তনযোগ্য layout তৈরিতে ব্যবহার হয়!
* Viewport = ব্রাউজার উইন্ডো সাইজ। যদি ভিউপোর্ট ৫০ সে.মি. প্রস্থ হয়, 1vw = ০.৫ সে.মি.
Length
Length ইউনিট নির্ধারিত এবং দৈর্ঘ্য তার ঠিক প্রকৃত সাইজেই হবে।
Length স্ক্রিনের জন্য ব্যবহার করতে বলা হয়নি, কারন স্ক্রিন সাইজ পরিবর্তনশীল। আউটপুট মিডিয়াম জানা থাকলে এটি ব্যবহার করা যেতে পারে। যেমন প্রিন্ট layout এর জন্য ব্যবহার করা যায়।
ইউনিট | বর্ননা |
---|---|
cm | সেন্টিমিটার(centimeters) উদাহরণ দেখুন |
mm | মিলিমিটার(millimeters) উদাহরণ দেখুন |
in | ইঞ্চি(inches) (1in = 96px = 2.54cm) উদাহরণ দেখুন |
px * | পিক্সেল(pixels) (1px = 1/96th of 1in) উদাহরণ দেখুন |
pt | পয়েন্ট(points) (1pt = 1/72 of 1in) উদাহরণ দেখুন |
pc | পিকাস(picas) (1pc = 12 pt) উদাহরণ দেখুন |
ডিভাইস ভিউয়ের সাথে পিক্সেল সম্পর্কযুক্ত। low-dpi ডিভাইসের জন্য, 1px হলো ডিসপ্লের এক ডিভাইস পিক্সেল। প্রিন্টার ও উচ্চ রেজুলেশন স্ক্রিনের জন্য 1px বলতে মাল্টিপল ডিভাইস পিক্সেল বোঝায়।