CSS মার্জিন মিলিফাইড

মার্গবিন্দু মিলিত হওয়ার মানে হল, যখন দুইটি ভিক্টিক্যাল মার্গবিন্দু সাংঘাত হয়, তবে তারা একটি মার্গবিন্দু গঠন করবে。

মিলিত হওয়ার মার্গবিন্দুর উচ্চতা মিলিত হওয়ার মার্গবিন্দুতে সবচেয়ে বড়টির সমতুল্য

মার্গবিন্দু মিলিত হওয়ার

মার্গবিন্দু মিলিত হওয়ার (অপারেশন) একটি খুব সরল ধারণা। কিন্তু, প্রথমবারের মতোই, ওয়েবসাইট লেআউট করার সময়, এটা অনেকগুলি ভ্রম সৃষ্টি করতে পারে。

সহজভাবে বলতে, মার্গবিন্দু মিলিত হওয়ার মানে হল, যখন দুইটি ভিক্টিক্যাল মার্গবিন্দু সাংঘাত হয়, তবে তারা একটি মার্গবিন্দু গঠন করবে। মিলিত হওয়ার মার্গবিন্দুর উচ্চতা মিলিত হওয়ার মার্গবিন্দুতে সবচেয়ে বড়টির সমতুল্য

একটি উপাদান আরেকটি উপাদানের উপরে থাকলে, প্রথম উপাদানের নিচের মার্গবিন্দু এবং দ্বিতীয় উপাদানের উপরিমার্গবিন্দু মিলিত হবে। একটি চিত্র দেখুন:

CSS মার্জিন মিলিফাইড ইনস্ট্যান্স 1

আপনার নিজের করে প্রয়াস করুন

একটি উপাদান আরেকটি উপাদানের মধ্যে থাকলে (এমনকি একটি অভ্যন্তরীণ মার্গবিন্দু বা কোনও কিনারা মার্গবিন্দুকে বিভক্ত করতে পারে না), তবে তাদের উপরিমার্গবিন্দু এবং/অথবা নিচের মার্গবিন্দুও মিলিত হবে। একটি চিত্র দেখুন:

CSS মার্জিন মিলিফাইড ইনস্ট্যান্স 2

আপনার নিজের করে প্রয়াস করুন

যদিও দেখে বিস্তারিত হতে পারে, কিন্তু মার্গবিন্দু আবার নিজের সাথেও মিলিত হতে পারে。

যদি একটি খালি উপাদান থাকে, যা মার্গবিন্দু রাখে, কিন্তু কোনও কিনারা বা পূর্ণাঙ্গতা নেই, এতে উপরিমার্গবিন্দু এবং নিচের মার্গবিন্দু মিলিত হবে, যাতে তারা মিলিত হবে:

CSS মার্জিন মিলিফাইড ইনস্ট্যান্স 3

যদি এই মার্গবিন্দুটি আরেকটি উপাদানের মার্গবিন্দুর সাথে সংঘাত হয়, তবে তা মিলিত হবে:

CSS মার্জিন মিলিফাইড ইনস্ট্যান্স 4

এটা একটি শৃঙ্খলার অনুচ্ছেদ উপাদানগুলির জায়গা খুব ছোট হওয়ার কারণ, কারণ তাদের সমস্ত মার্গবিন্দু মিলিত হয়, যাতে একটি ছোট মার্গবিন্দু তৈরি হয়。

মার্গবিন্দু মিলিত হওয়ার প্রথম দৃষ্টিতে অসাধারণ হতে পারে, কিন্তু তা অস্তিত্বে প্রয়োজনীয়। একটি বাস্তবিক টেক্সট পাতার উদাহরণ হিসাবে, প্রথম অনুচ্ছেদের উপরের স্থান অনুচ্ছেদের উপরিমার্গবিন্দুর সমতুল্য। যদি মার্গবিন্দু মিলিত না হতো, তবে পরবর্তী অনুচ্ছেদগুলির মধ্যে মার্গবিন্দু পরবর্তী উপরিমার্গবিন্দু এবং নিচের মার্গবিন্দুর সমষ্টি। এর ফলে, অনুচ্ছেদগুলির মধ্যে মার্গবিন্দু পাতার শীর্ষের দুগুণ হবে। যদি মার্গবিন্দু মিলিত হয়, তবে অনুচ্ছেদের উপরিমার্গবিন্দু এবং নিচের মার্গবিন্দু মিলিত হবে, যাতে সমস্ত দূরত্ব একই হবে。

CSS মার্জিন মিলিফাইড এর প্রকৃত মানসিক অর্থ

মন্তব্য:সাধারণ ডকুমেন্ট স্ট্রিমের ব্লক বক্সের উপরিমার্গবিন্দুতেকেই মার্গবিন্দু মিলিত হয়। লাইন ইনলাইন বক্স, ফ্লোটিং বক্স বা অবস্থান সম্পর্কিত বক্সের মধ্যে মার্গবিন্দু মিলিত হবে না。

সমস্ত CSS মার্গবিন্দু বৈশিষ্ট্য

এক্সট্রাক্ট বিবরণ
margin বাহ্যিক মার্গ এক্সট্রাক্ট সমূহ একটি বিবরণমূলক এক্সট্রাক্ট
margin-bottom সম্পর্কিত ইলেকট্রনিক বিষয়টির নিচের বাহ্যিক মার্গ সজ্জা করুন。
margin-left সম্পর্কিত ইলেকট্রনিক বিষয়টির ডানদিকের বাহ্যিক মার্গ সজ্জা করুন。
margin-right সম্পর্কিত ইলেকট্রনিক বিষয়টির ডানদিকের বাহ্যিক মার্গ সজ্জা করুন。
margin-top সম্পর্কিত ইলেকট্রনিক বিষয়টির উপরের বাহ্যিক মার্গ সজ্জা করুন。