سی ایس ایس میں تصویر کی پوزیشن کیسے سیٹ کریں؟

ڈویلپرز دوسرے HTML عناصر کی نسبت تصویر کی ترتیب اور طول و عرض کا تعین کرکے واضح بصری درجہ بندی قائم کرنے کے لیے تصویر کی پوزیشن کا تعین کرتے ہیں۔ تصویر کو مختلف پوزیشنوں پر رکھ کر، جدید، منفرد اور اپنی مرضی کے مطابق ڈیزائن بھی تیار کیے جا سکتے ہیں جو ویب سائٹ کی شکل و صورت کو بدل سکتے ہیں۔ یہ مضمون CSS کا استعمال کرتے ہوئے تصویر کی پوزیشن کو ترتیب دینے کے طریقہ کار کو ظاہر کرتا ہے۔

• • فلوٹ پراپرٹی کا استعمال
  • آبجیکٹ پوزیشن پراپرٹی کا استعمال

سی ایس ایس میں تصویر کی پوزیشن کیسے سیٹ کریں؟

سی ایس ایس میں تصویر کی پوزیشن سیٹ کرنے سے، جیسے فوائد عین مطابق جگہ کا تعین '،' اوورلیپنگ عنصر 'اور' جوابانہ خاکہ آسانی سے حاصل کیا جا سکتا ہے۔ ان فوائد کو استعمال کرتے ہوئے، ڈویلپر آسانی سے اپنی مرضی کے مطابق بنا سکتے ہیں اور مکمل طور پر فعال اور چشم کشا ویب سائٹ بنا سکتے ہیں۔ دو طریقے/پراپرٹیز ہیں جن کے ذریعے تصویر کی پوزیشن سیٹ کی جا سکتی ہے۔ یہ خصوصیات ذیل میں بیان کی گئی ہیں:

طریقہ 1: فلوٹ پراپرٹی کا استعمال

' تیرنا 'پراپرٹی CSS کے ذریعہ HTML عناصر کی نقل و حرکت کے لئے فراہم کی جاتی ہے' بائیں 'یا' صحیح ' سمت. یہ زیادہ تر HTML عناصر کی درست جگہ کے لیے ذمہ دار لے آؤٹ بناتے وقت استعمال ہوتا ہے۔

مثال کے طور پر، 'فلوٹ' پراپرٹی کو ویب پیج کے بائیں اور دائیں دونوں طرف تصاویر کو سیدھ میں لانے کے لیے استعمال کیا جاتا ہے: