HTML DOM ক্লিয়ার প্রপার্টি একটি ভাসমান উপাদানের অবস্থান পেতে বা সেট করার জন্য ব্যবহার করা হয়। এটি একটি উপাদান অন্য ভাসমান উপাদানের নীচে সরানো উচিত কিনা তা নির্দিষ্ট করতে ব্যবহৃত হয়৷
−
-এর সিনট্যাক্স নিচে দেওয়া হলস্পষ্ট সম্পত্তি সেট করা -
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="The div clear property is changed to right from left ";
}
</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>Change the above div clear property by clicking the below button</p>
<button onclick="changeClear()">Change Clear</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
"পরিবর্তন সাফ" ক্লিক করার পরে৷ বোতাম -
