সিএসএস clear প্রোপার্টি
ব্রাউজার সাপোর্ট
property |
Google Chrome |
Edge |
Mozila Firefox |
Safari |
Opera |
clear |
১.০ |
৫.০ |
১.০ |
১.০ |
৬.০ |
সংজ্ঞা ও ব্যবহার
একটি এলিমেন্টের কোন পাশে ফ্লোটিং এলিমেন্টটি থাকবে clear প্রোপার্টির মাধ্যমে নির্দিষ্ট করে দেওয়া হয়।
Initial Value: |
Inherited: |
Animatable: |
none |
না |
না। আরোও জানতে animatable অধ্যায় ভিজিট করুন। |
সিএসএস সিনট্যাক্স
clear: none/left/right/both/initial/inherit;
clear প্রোপার্টির ব্যবহারঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>সিএসএস রেফারেন্স উদাহরণ</title>
<style>
img {
float: left;
margin:0 5px 5px 0;
}
.text {
clear: both;
}
</style>
</head>
<body>
<img src="../images/logocss.gif" width="90" height="80">
<p> কম্পিউটার শিক্ষা বর্তমান সময়ের দাবি। যা ডিজিটালের সিড়ি। তাই দেশকে সত্যিকারেরর
ডিজিটাল হিসাবে দেখতে চাইলে সরকারের সহিত আমাদেরকেও সমানভাবে এগিয়ে আসতে হবে।</p>
<p class="text">স্যাট একাডেমী সম্পূর্ণ বিনামূল্যে ওয়েব ডিজাইন এবং ডেভেলোপমেন্টের
উপর প্রশিক্ষণ দিচ্ছে। </p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.clear="both"
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>সিএসএস রেফারেন্স উদাহরণ</title>
<style>
img {
float: left;
margin:0 5px 5px 0;
}
</style>
</head>
<body>
<button onclick="myFunction()">ক্লিক করি</button>
<p>"ক্লিক করি" বাটনে ক্লিক করে clear প্রোপার্টির কাজ দেখুন।</p>
<img src="css_logo.jpg" width="50" height="50">
<div id="text">কম্পিউটার শিক্ষা বর্তমান সময়ের দাবি। যা ডিজিটালের সিড়ি। তাই দেশকে সত্যিকারের
ডিজিটাল হিসাবে দেখতে চাইলে সরকারের সহিত আমাদেরকেও সমানভাবে এগিয়ে আসতে হবে। </div>
<script>
function myFunction() {
document.getElementById("text").style.clear = "both";
}
</script>
</body>
</html>
ফলাফল
clear প্রোপার্টির ভ্যালু-সমূহ
- none - ডিফল্ট ভাবে ফ্লোটিং এলিমেন্ট উভয় পাশে হতে পারে।
- left - বাম পাশে কোনো ফ্লোটিং এলিমেন্ট থাকবে না।
- right - ডান পাশে কোনো ফ্লোটিং এলিমেন্ট থাকবে না।
- both - বামে বা ডান পাশেই কোনো ফ্লোটিং এলিমেন্ট থাকবে না।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে
initialঅধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।