واضح سی ایس ایس کی جائیداد CSS1 کے بعد سی ایس ایس کا حصہ رہا ہے. یہ آپ کو اس بات کی نشاندہی دیتا ہے کہ کون سا عنصر صاف کردہ عناصر کے سوا اور کون سا طرف واضح ملکیت میں پانچ ممکنہ اقدار ہیں:
- کوئی نہیں
- بائیں
- دائیں
- دونوں
- میراث
CSS صاف پراپرٹی کا استعمال کیسے کریں
صاف جائیداد کو استعمال کرنے کا سب سے عام طریقہ یہ ہے کہ آپ ایک عنصر پر فلوٹ پراپرٹی کا استعمال کرتے ہیں. مثال کے طور پر:
میری تصویر کے آگے متن.
متن میری تصویر سے نیچے ہے.
تمام عناصر کو صاف کرنے کیلئے ڈیفالٹ: کوئی بھی نہیں ، لہذا اگر آپ کو دوسرے عناصر کسی چیز کے سوا نہیں لگانا چاہتے ہیں، تو آپ کو واضح انداز میں تبدیل کرنا ہوگا.
جب آپ فلوٹ کو صاف کر رہے ہیں تو، آپ کو آپ کے فلوٹ پر واضح ہوسکتا ہے. لہذا اگر آپ نے بائیں طرف عنصر طے کیا تو پھر آپ کو بائیں طرف صاف کرنا چاہئے. آپ کے فلوڈ عنصر فلوٹ جاری رہیں گے، لیکن اس کے بعد صاف کردہ عناصر اور سب کچھ اس کے نیچے ویب صفحہ پر دکھائے جائیں گے.
اگر آپ کے پاس عناصر ہیں جو دائیں اور بائیں دونوں پر واقع ہوتے ہیں تو آپ صرف ایک طرف صاف کرسکتے ہیں یا آپ دونوں کو صاف کرسکتے ہیں.
ترتیب میں واضح استعمال کرتے ہوئے
سب سے زیادہ عام طریقے سے ڈیزائنرز جو واضح جائداد استعمال کرتے ہیں وہ صفحہ عناصر کی ترتیب میں ہے . آپ کے پاس متن کے ایک بلاک کے اندر اندر ایک تصویر طے ہو سکتی ہے اور اگلے پیراگراف کو تصویر کے نیچے شروع کرنا چاہتے ہیں، یا شاید آپ متن کے پورے کالم میں ہوسکتے ہیں جس میں آپ کچھ ٹیکسٹ کے دوسرے گروپ کے سوا کچھ بھی لکھتے ہیں.
اس شکل میں HTML کے لۓ یہاں HTML ہے.
اس کے پاس ایک ڈاٹا کنٹینر ہے جس کا دوسرا دوسرا حصہ باقی ہے.
ایک مختصر طے شدہ ڈیو
کنٹینر ڈوی کے اندر موجود مواد جو فلوڈ ڈی کے دائیں طرف رہیں گے.
یہ ٹھیک کام کرے گا، مرکزی ڈیو کے دیگر باقی مواد کے بائیں طرف چلتے ہوئے چھوٹے ڈیو کے ساتھ.
آپ فکسڈ باکس کے آگے متن کو آسانی سے ایک ٹیگ شامل کر کے اس کو صاف کرسکتے ہیں جہاں آپ اسے فکسڈ باکس کے نیچے لکھنا شروع کرنا چاہتے ہیں.
لیکن مسئلہ آتا ہے جب فکسڈ باکس اس کے آگے مواد کے مقابلے میں زیادہ ہے. پھر، جیسا کہ آپ دیکھ سکتے ہیں، مرکزی باکس کے پس منظر کا رنگ فلوڈ باکس کے نچلے حصے پر نہیں ہوتا ہے.
خوش قسمتی سے، یہ درست کرنے کا ایک آسان طریقہ ہے: جائیداد. اہم باکس کو اوور بہاؤ کو ترتیب دے کر: آٹو؛ اس مثال میں دکھایا گیا ہے، پس منظر کا رنگ طویل فاصلہ شدہ باکس کے ساتھ ہی بہت نیچے رہتا ہے.