CSS1 থেকে স্পষ্ট CSS বৈশিষ্ট্য সিএসএসের অংশ। এটি আপনাকে নির্দিষ্ট করে দেয় যে কোনও উপাদান পরিষ্কার উপাদানের পাশে এবং কোন দিকে (গুলি) পাশে ভাসতে পারে। স্পষ্ট সম্পত্তি পাঁচটি সম্ভাব্য মান আছে:
- না
- বাম
- অধিকার
- উভয়
- উত্তরাধিকারী
কিভাবে সিএসএস পরিষ্কার সম্পত্তি ব্যবহার করুন
আপনি একটি উপাদান একটি float সম্পত্তি ব্যবহার করেছি পরে পরিষ্কার সম্পত্তি ব্যবহার করার সবচেয়ে সাধারণ উপায়। উদাহরণ স্বরূপ:
আমার ছবির পাশে টেক্সট
যে টেক্সটটি আমার ছবির নীচে আছে
সব উপাদান ডিফল্ট পরিষ্কার: কেউ না; , তাই যদি আপনি অন্য উপাদানের পাশে অন্য বস্তুটি ভাসতে না চান তবে আপনাকে অবশ্যই পরিষ্কার শৈলী পরিবর্তন করতে হবে।
আপনি floats সাফ করা হলে, আপনি আপনার ভাসা পরিষ্কার আপনার মেলে। সুতরাং যদি আপনি বাম দিকে উপাদান floated তারপর, আপনি বাম থেকে পরিষ্কার করা উচিত। আপনার floated উপাদান ভাসা অবিরত করা হবে, কিন্তু সাফ উপাদান এবং এটি পরে সব ওয়েব পেজে এটি নীচে প্রদর্শিত হবে।
আপনি যদি উপাদানগুলি ডান এবং বাম উভয়তে প্রবাহিত হয়ে থাকেন তবে আপনি কেবলমাত্র একপাশে সীমাবদ্ধ করতে পারেন বা আপনি উভয়কেই সাফ করতে পারেন।
লেআউটগুলিতে পরিষ্কার ব্যবহার করা
সর্বাধিক সাধারণ উপায় অধিকাংশ ডিজাইনার স্পষ্ট সম্পত্তি পৃষ্ঠা উপাদান লেআউট হয় ব্যবহার। আপনার একটি টেক্সটের ব্লকের ভেতরে ভাসমান একটি চিত্র থাকতে পারে এবং পরবর্তী অনুচ্ছেদের ছবিটি নীচের শুরু করতে চান, অথবা আপনি এমন একটি সম্পূর্ণ কলাম থাকতে পারে যা আপনি অন্য পাঠ্যের পাশে ভাসতে চান, নীচের অংশে প্রদর্শিত কিছু পাঠ্য সহ।
এখানে এই ফর্ম একটি বিন্যাস জন্য এইচটিএমএল।
এটি একটি DIV ধারক আছে যা অন্য বামে বামে থাকে।
একটি ছোট floated ডিভি
কন্টেইনার ডিভিতে অন্তর্ভুক্ত বিষয়বস্তু যা ভাসমান ডিভিতে ডানদিকে যাচ্ছে।
এটি সূক্ষ্ম কাজ করবে, প্রধান div এর বিষয়বস্তু বাকি বাকি বাম দিকে ঝাঁকুনি div সঙ্গে
আপনি একটি floating বাক্স অধীনে লেখার শুরু করতে চান যেখানে একটি ট্যাগ যোগ করার মাধ্যমে আপনি floated বাক্সের পাশে পাঠ্য পরিষ্কার করতে পারেন।
কিন্তু সমস্যাটি আসে যখন ভাসমান বাক্সটি তার পরবর্তী বিষয়বস্তু থেকে বেশি। তারপর, আপনি দেখতে পারেন, মূল বক্সের পটভূমির রঙটি ভাসমান বাক্সের নীচে নামানো হয় না।
সৌভাগ্যক্রমে, এটি ঠিক করার জন্য একটি সহজ উপায় আছে: সম্পত্তি। প্রধান বাক্সে ওভারফ্লো স্থাপন করে: স্বয়ংক্রিয়; এই উদাহরণে দেখানো হিসাবে, পটভূমির রঙটি নিচের তলায় অধিক সংখ্যক বাক্সের পাশে থাকবে।