HTML DOM cssFloat প্রপার্টি একটি এলিমেন্টের অনুভূমিক অ্যালাইনমেন্ট সেট বা পাওয়ার জন্য ব্যবহৃত হয়। আপনি এলিমেন্টকে বাম বা ডানে ফ্লোট করতে পারেন।
সিনট্যাক্স
cssFloat প্রপার্টি সেট করার সিনট্যাক্স:
object.style.cssFloat = "left|right|none|initial|inherit"
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| none | এটি ডিফল্ট মান এবং এলিমেন্টকে ফ্লোট করে না। |
| left | এলিমেন্টকে পিতামাতা এলিমেন্টের সর্বাধিক বাম পজিশনে ফ্লোট করে। |
| right | এলিমেন্টকে পিতামাতা এলিমেন্টের সর্বাধিক ডান পজিশনে ফ্লোট করে। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!DOCTYPE html> <html> <head> <style> #DIV1 { height: 50px; width: 50px; margin: 5px; float: left; background-color: rebeccapurple; } div+p{ height:70px; color: red; border: 2px solid #b8860b; } </style> <script> function changeFloat() { document.getElementById("DIV1").style.float = "right"; document.getElementById("Sample").innerHTML="div এলিমেন্ট এখন ডানে ফ্লোট হবে"; } </script> <body> <div id="DIV1"></div> <p>This is a sample paragraph. Here is another line in this paragraph. Here is the third line in the paragraph. </p> <p>নিচের বাটনে ক্লিক করলে উপরের div-এর float প্রপার্টি পরিবর্তন হবে</p> <button onclick="changeFloat()">Float পরিবর্তন করুন</button> <p id="Sample"></p> </body> </html>
আউটপুট
Float পরিবর্তন করুন বাটনে ক্লিক করলে:
