CSS ইউনিট

CSS ইউনিট

CSS-এর দৈর্ঘ্য ইউনিট বিভিন্ন ধরনের রয়েছে

বহুতো CSS প্রতিভা 'দৈর্ঘ্য' মান গ্রহণ করে width、margin、padding、font-size ইত্যাদি。

দৈর্ঘ্য হল একটি দৈর্ঘ্য ইউনিট সহ সংখ্যা, যেমন 10px、2em ইত্যাদি。

প্রতিমান

px (পিক্সেল) ব্যবহার করে বিভিন্ন দৈর্ঘ্য মান সেট করা যায়:

h1 {
  font-size: 60px;
}
p {
  font-size: 25px;
  line-height: 50px;
}

স্বয়ং প্রয়াস করুন

সংখ্যা এবং ইউনিটের মধ্যে খালি জায়গা থাকবে না। কিন্তু, যদি মান 0 হয়, তবে ইউনিট সংক্ষেপ করা যেতে পারে。

কিছু CSS প্রতিভার জন্য, নেতিবাচক দৈর্ঘ্য ব্যবহার করা যেতে পারে。

দৈর্ঘ্য ইউনিট দুই ধরনের রয়েছে:অবিচ্ছিন্ন ইউনিটএবংসম্পর্কিত ইউনিট。

অবিচ্ছিন্ন দৈর্ঘ্য

অবিচ্ছিন্ন দৈর্ঘ্য ইউনিট স্থির। যেকোনো অবিচ্ছিন্ন দৈর্ঘ্যের দৈর্ঘ্য সরাসরি এই মাপে প্রদর্শিত হবে。

স্ক্রিনের উপর অবিচ্ছিন্ন দৈর্ঘ্য ইউনিট ব্যবহার করা না উচিত কারণ স্ক্রিনের মাপ অনেক বড় পরিমাণে বদলায়। কিন্তু, যদি প্রদর্শন মিডিয়াম জানা থাকে, তবে তাদের ব্যবহার করা যেতে পারে, যেমন প্রিন্ট লেআউট (print layout) এর জন্য。

ইউনিট বর্ণনা TIY
cm সেন্টিমিটার প্রয়াস করুন
mm মিলিমিটার প্রয়াস করুন
in ইঞ্চি (1in = 96px = 2.54cm) প্রয়াস করুন
px * পিক্সেল (1px = 1/96th of 1in) প্রয়াস করুন
pt পয়েন্ট (1pt = 1/72 of 1in) প্রয়াস করুন
pc পিকার (1pc = 12 pt) প্রয়াস করুন

* পিক্সেল (px) দেখার পদ্ধতির প্রতি নির্দিষ্ট। কম dpi এর ডিভাইসের ক্ষেত্রে 1px হল প্রদর্শকের একটি ডিভাইস পিক্সেল (পয়েন্ট)। প্রিন্টার এবং উচ্চ রেজলিউশন স্ক্রিনের ক্ষেত্রে 1px একাধিক ডিভাইস পিক্সেল হতে পারে。

সম্পর্কিত দৈর্ঘ্য

সম্পর্কিত দৈর্ঘ্য ইউনিট অন্য দৈর্ঘ্য ইউনিটের দৈর্ঘ্যের সম্পর্কে নির্দিষ্ট করে। সম্পর্কিত দৈর্ঘ্য ইউনিট বিভিন্ন রেন্ডারিং মিডিয়ামের মধ্যে বড় পরিমাণে স্কেলিং করে।

ইউনিট বর্ণনা TIY
em ইলেকট্রনের ফন্ট সাইজ (font-size) (2em বর্তমান ফন্ট সাইজের 2 গুণ) প্রয়াস করুন
ex বর্তমান ফন্টের x-height (বিশেষভাবে ব্যবহৃত হয় না) প্রয়াস করুন
ch 0 (শূন্য) এর প্রস্থতা প্রয়াস করুন
rem রুট ইলেকট্রনের ফন্ট সাইজ (font-size) প্রয়াস করুন
vw দৃশ্যপটের* প্রস্থতার 1% প্রয়াস করুন
vh দৃশ্যপটের* উচ্চতার 1% প্রয়াস করুন
vmin দৃশ্যপটের* ছোট মাপের 1% প্রয়াস করুন
vmax ভিউপট*বড় মাপের ১% অবধী প্রয়াস করুন
% পারেন্ট ইলেমেন্টের সমীক্ষা প্রয়াস করুন

টীকা:em এবং rem ইউনিট একটি পরিপূর্ণ স্কেলেবল লেজাউট তৈরির জন্য ব্যবহার করা যেতে পারে!

* ভিউপট (Viewport) = ব্রাউজার উইন্ডোর মাপ।যদি ভিউপট ৫০ সেন্টিমিটার চাপ্পা হয়, তবে ১vw = ০.৫ সেন্টিমিটার

ব্রাউজার সমর্থন

টেবিলের সংখ্যা পয়েন্টটি এই লঙ্ঘণকলাকী ইউনিটকে যার প্রথম ব্রাউজার সমর্থন করে তার উল্লেখ করেছে

লঙ্ঘণকলাকী ইউনিট
em, ex, %, px, cm, mm, in, pt, pc 1.0 3.0 1.0 1.0 3.5
ch 27.0 9.0 1.0 7.0 20.0
rem 4.0 9.0 3.6 4.1 11.6
vh, vw 20.0 9.0 19.0 6.0 20.0
vmin 20.0 12.0 19.0 6.0 20.0
vmax 26.0 16.0 19.0 7.0 20.0