সিএসএস ইউনিট - Css Units



সিএসএস ইউনিট

একটি দৈর্ঘ্য নির্ধারণ করার জন্য সিএসএস এর বিভিন্ন একক বা Unit রয়েছে। অনেক সিএসএস প্রোপার্টি "length" নির্দিষ্ট করতে মান গ্রহন করে, যেমন- width, margin, padding, font-size, border-width ইত্যাদি।

দৈর্ঘ্য একটি সংখ্যা যা বিভিন্ন দৈর্ঘ্যের একক অনুসরন করে, যেমন 10px, 2em ইত্যাদি। ইউনিট ও সংখ্যার মধ্যে কোনো হোয়াইট স্পেস থাকবে না। যদি মান শূন্য হয় তাহলে ইউনিট এটিকে উপেক্ষা করতে পারে। কিছু সিএসএস প্রোপার্টির জন্য, ঋনাত্মক বা Negetive মানও গ্রহনযোগ্য হয়।

সিএসএস এ ২ ধরণের দু'ধরনের দৈর্ঘ্যের একক বা Unit রয়েছে -

Relative এবং
Absolute.


Absolute দৈর্ঘ্য

Absolute দৈর্ঘ্য ইউনিট গুলো হল নির্ধারিত এবং কোন দৈর্ঘ্য তার ঠিক প্রকৃত আকারেই হবে। Absolute দৈর্ঘ্য স্ক্রিনের জন্য ব্যবহার করতে সুপারিশ করা হয়নি, কারন স্ক্রীনের আকার পরিবর্তনশীল। আউটপুট মিডিয়াম জানা থাকলে এটি ব্যবহার করা যেতে পারে। যেমন প্রিন্ট layout এর জন্য ব্যবহার করা যায়।

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

ডিভাইসের স্ক্রীন এর সাথে পিক্সেল সম্পর্কযুক্ত। low-dpi ডিভাইসের জন্য, 1px হলো ডিসপ্লের 1 ডিভাইস পিক্সেল (Dot)। প্রিন্টার ও উচ্চ রেজুলেশন স্ক্রিনের জন্য 1px বলতে মাল্টিপল ডিভাইস পিক্সেল বোঝায়।


Relative দৈর্ঘ্য

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

ইউনিটবর্ণনা
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) সাথে সম্পর্কযুক্ত।
%parent এলিমেন্টের সাথে সম্পর্কিত।

নোট - em এবং rem ইউনিট পুরোপুরি আকার পরিবর্তনযোগ্য layout তৈরিতে ব্যবহার হয়!
* Viewport = ব্রাউজার উইন্ডো সাইজ। যদি ভিউপোর্ট ৫০ সে.মি. প্রস্থ হয়, তবে 1vw = ০.৫ সে.মি. হবে।


ব্রাউজার সাপোর্ট

টেবিলে দেয়া রোগুলোর প্রথম লাইন ব্রাউজারের সেই প্রথম ভার্সন নির্দেশ করে যেগুলো পুরোপুরি এই প্রপার্টি সাপোর্ট করে।

দৈর্ঘ্যের ইউনিট
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 9.0* 19.0 6.0 20.0
vmax 26.0 Not supported 19.0 7.0 20.0

নোট - Internet Explorer 9, vmin প্রপার্টি সাপোর্ট করে একটি নন-স্ট্যান্ডার্ড নামে ( vm ).







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.