ফ্লোট বৈশিষ্ট্য

float বৈশিষ্ট্য - ভাসমান ব্লক নির্ধারণ করে, যেগুলোকে টেক্সট দ্বারা ঘিরে থাকবে। float বৈশিষ্ট্য কখনও কখনও clear বৈশিষ্ট্যের সাথে একত্রে ব্যবহার করা হয়, যা এলিমেন্টকে ঘিরে থাকা বাতিল করে।

যদিও প্রাথমিকভাবে float উদ্ভাবন করা হয়েছিল টেক্সটের মধ্যে ভাসমান ব্লোক সন্নিবেশ করার জন্য, বর্তমানে এটি লেআউট তৈরি করার জন্য খুব ব্যাপকভাবে এবং অ-মানক উপায়ে ব্যবহার করা হয়।

সিনট্যাক্স

cssসিলেক্টর {
  float: left | right | none;
}

cssসিলেক্টর {
  clear: both | left | right | none;
}

ফ্লোট-এর জন্য মান

মান	বর্ণনা
`left`	ব্লকটি বামে ভাসবে, এবং টেক্সট এটি কে ডানে ঘিরে থাকবে।
`right`	ব্লকটি ডানে ভাসবে, এবং টেক্সট এটি কে বামে ঘিরে থাকবে।
`none`	কোনো ঘিরে থাকা নেই।

ডিফল্ট মান: none।

ক্লিয়ার-এর জন্য মান

মান	বর্ণনা
`left`	বাম থেকে ঘিরে থাকা বাতিল করে।
`right`	ডান থেকে ঘিরে থাকা বাতিল করে।
`both`	বাম এবং ডান উভয় দিক থেকে ঘিরে থাকা বাতিল করে।
`none`	ঘিরে থাকা বাতিল হয় না।

ডিফল্ট মান: none।

উদাহরণ

float অ-মানক উপায়ে ব্যবহার করা হলো, তালিকার আইটেমগুলোকে এক লাইনে সাজানোর জন্য:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

আরও দেখুন

clear বৈশিষ্ট্য,
যা উপরের এলিমেন্টগুলোর জন্য ফ্লোট বাতিল করে