HTML DOM Style clear প্রপার্টি

HTML DOM clear প্রপার্টি একটি ফ্লোটিং এলিমেন্টের পজিশন পাওয়া বা সেট করার জন্য ব্যবহৃত হয়। এটি নির্দিষ্ট করতে ব্যবহৃত হয় যে একটি এলিমেন্ট অন্য ফ্লোটিং এলিমেন্টের নিচে সরানো উচিত কিনা।

সিনট্যাক্স

clear প্রপার্টি সেট করার সিনট্যাক্স:

object.style.clear='none|left|right|both|initial|inherit'

প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:

উদাহরণ

<!DOCTYPE html> <html> <head> <style>    img {       margin: 5px;       float: right;       clear: both;       border: 2px solid orange;    }    #DIV1{       clear:left;    } </style> <script>    function changeClear(){       document.getElementById("DIV1").style.clear="right";       document.getElementById("Sample").innerHTML="div-এর clear প্রপার্টি left থেকে right-এ পরিবর্তিত হয়েছে"; } </script> </head> <body>    <img src="https://www.tutorialspoint.com/qlikview/images/qlikview-mini-logo.jpg">    <div id="DIV1">This is sample text inside div. This is another line inside the div.Here is a div       containing some random english text. This div is created to demonstrate clear    property </div>    <p>নিচের বাটনে ক্লিক করলে উপরের div-এর clear প্রপার্টি পরিবর্তন হবে</p>    <button onclick="changeClear()">Clear পরিবর্তন করুন</button>    <p id="Sample"></p> </body> </html>

আউটপুট

Clear পরিবর্তন করুন বাটনে ক্লিক করলে: