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 বৈশিষ্ট্যের জন্য, নেতিবাচক দৈর্ঘ্য ব্যবহার করা যেতে পারে

দৈর্ঘ্য ইউনিট দুই ধরনের রয়েছে:অবিচ্ছিন্ন ইউনিটএবংঅপরিবর্তনশীল ইউনিট.

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

অবিচ্ছিন্ন দৈর্ঘ্য ইউনিট স্থায়ী।কোনও অবিচ্ছিন্ন দৈর্ঘ্য ইউনিটে নির্দিষ্ট দৈর্ঘ্য সঠিকভাবে প্রদর্শিত হবে

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

ইউনিট বর্ণনা 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 = 1 ডিভাইস পিক্সেল (পয়েন্ট)।প্রিন্টার এবং উচ্চ রেজলিউশন স্ক্রিনে, 1px = বেশি ডিভাইস পিক্সেল

অপরিবর্তনশীল দৈর্ঘ্য

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

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

সুঝাওয়া:em এবং rem ইউনিট একটি ভালো সম্প্রসারণযোগ্য লেআউট তৈরির জন্য ব্যবহার করা যেতে পারে!

* ভিউপট (Viewport) = ব্রাউজার উইন্ডোর মাপ।যদি ভিউপট প্রস্থ 50 এর মধ্যে থাকে, তবে 1vw = 0.5cm

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

টেবিলের সংখ্যা এই দৈর্ঘ্য ইউনিটকে সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে উল্লেখ করে

长度单位
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