কম্পিউটার

সিএসএস সহ স্থির অবস্থান


স্থির অবস্থান আপনাকে পৃষ্ঠার একটি নির্দিষ্ট স্থানে একটি উপাদানের অবস্থান ঠিক করতে দেয়, স্ক্রোলিং নির্বিশেষে। নির্দিষ্ট স্থানাঙ্কগুলি ব্রাউজার উইন্ডোর সাথে আপেক্ষিক হবে৷

আপনি উপরের এবং বামে দুটি মান ব্যবহার করতে পারেন অবস্থান সহ HTML নথির যেকোনো জায়গায় একটি HTML উপাদান সরানোর জন্য সম্পত্তি।

  • বামে সরান - বাম এর জন্য একটি নেতিবাচক মান ব্যবহার করুন .
  • ডানদিকে সরান - বাম এর জন্য একটি ইতিবাচক মান ব্যবহার করুন .
  • উপরে সরান - শীর্ষের জন্য একটি নেতিবাচক মান ব্যবহার করুন .
  • নিচে সরান - শীর্ষের জন্য একটি ইতিবাচক মান ব্যবহার করুন .

উদাহরণ

আপনি স্থির অবস্থান প্রয়োগ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

 <html>
    <head>
    </head>
    <body>
       <div style = "position:fixed; left:80px; top:20px; background-color:blue;color:white;">
          This div has fixed positioning.
       </div>
    </body>
</html>

  1. সিএসএস ব্যবহার করে স্থির অবস্থান

  2. CSS সহ ভাসমান উপাদান

  3. কিভাবে CSS দিয়ে একটি ফিক্সড/স্টিকি ফুটার তৈরি করবেন?

  4. কিভাবে CSS দিয়ে একটি বৃত্তাকার পাথে একটি উপাদান সরানো যায়?