CSS ফ্রেমওয়ার্ক সমীক্ষা

CSS ফ্রেমওয়ার্ক সমীক্ষা

ইলেকট্রনমানের মোট ফাঁকা অংশটি হলো প্রকৃত বিষয়, যা padding-দ্বারা সীমাবদ্ধ হয়, padding-এর প্রান্ত হলো border, এবং border-এর বাইরে হলো margin, margin-এর ডিফল্ট হলো স্বচ্ছ, তাই তা পরবর্তী ইলেকট্রনমানকে অবরোধ করবে না。

টীকা:প্রক্ষেপণ বিষয়গুলির অন্তর্ভুক্ত এলাকায় প্রক্ষেপণ করা হয়。

padding, border এবং margin অপশনাল, ডিফল্ট মান হলো শূন্য। কিন্তু, বেশ কিছু ইলেকট্রনমানকে ইউজার এজেন্ট স্টাইলসেট দ্বারা padding এবং margin নির্ধারিত করা হয়। এই ব্রাউজার স্টাইলসকে অপসারণ করতে, ইলেকট্রনমানের margin এবং padding-কে শূন্য হতে হবে। এটা সম্ভব করা যেতে পারে, কিন্তু প্রত্যেকটিকে পৃথকভাবে করতে পারে, কিংবা সব ইলেকট্রনমানকে অপসারণ করতে জেনারিক সিলেক্টর ব্যবহার করতে হবে:

* {
  margin: 0;
  padding: 0;
}

CSS-এর মধ্যে, width এবং height বিষয়গুলির অন্তর্ভুক্ত এলাকার প্রস্থ এবং উচ্চতা নির্দেশ করে। padding, border এবং margin একটি ইলেকট্রনমানের অন্তর্ভুক্ত এলাকার মাপ পরিবর্তন করবে না, কিন্তু ইলেকট্রনমানের মোট মাপ বাড়াবে。

কথা হল, ফাঁকা ডায়ারাক্টরের প্রত্যেক পাশে 10 পিক্সেল মাঝের ঘনত্ব এবং 5 পিক্সেল padding থাকবে। যদি এই ইলেকট্রনমানের ফাঁকা ডায়ারাক্টরটি 100 পিক্সেল হতে হয়, তবে বিষয়টির width-কে 70 পিক্সেল হতে হবে, যেমন চিত্রে দেখা যাচ্ছে:

#box {
  width: 70px;
  margin: 10px;
  padding: 5px;
}

টীকা:padding, border এবং margin একটি ইলেকট্রনমানের সব পাশে বা একটি অলিঙ্কিত পাশে প্রয়োগ করা যেতে পারে。

টীকা:মাঝের ঘনত্ব নেতিবাচক মান হতে পারে, এবং বেশ কিছু ক্ষেত্রে নেতিবাচক মাঝের ঘনত্ব ব্যবহার করতে হয়。