Display প্রপার্টি ওয়েবপেজ লে আউটের মূল। এর তিনটি প্রধান মান: inline, block, inline-block।
সিনট্যাক্স
display: inline; display: block; display: inline-block;
তুলনামূলক বিশ্লেষণ
Inline Elements
- নতুন লাইন শুরু করে না
- শুধু প্রয়োজনীয় প্রস্থ নেয়
- width/height প্রপার্টি উপেক্ষা করা হয়
- উদাহরণ: <a>, <span>, <img>, <input>, <strong>, <em>, <br> ইত্যাদি
Block Elements
- নতুন লাইন থেকে শুরু হয়
- পুরো প্রস্থ ঘেরে (width: 100%)
- width/height প্রপার্টি কাজ করে
- উদাহরণ: <div>, <p>, <h1>-<h6>, <section>, <article>, <footer>, <form> ইত্যাদি
Inline-Block Elements
- ইনলাইন মতো সাইড-বাই-সাইড থাকে
- ব্লকের মতো width/height সেট করা যায়
- দুটির সেরা বৈশিষ্ট্য একসাথে
- নেভিগেশন বার, বাটন গ্রুপ, কার্ড লে আউটের জন্য আদর্শ
দৃশ্যমান পার্থক্য
উপসংহার
Inline: টেক্সট-লেভেল এলিমেন্ট। Block: লে আউট কন্টেইনার। Inline-block: উভয়ের সুবিধা - সাইড-বাই-সাইড থাকতে পারে এবং ডাইমেনশন কন্ট্রোল করা যায়।
