কম্পিউটার

CSS এর সাথে আপেক্ষিক অবস্থান


আপেক্ষিক অবস্থান HTML উপাদানের অবস্থান পরিবর্তন করে যেখানে এটি সাধারণত প্রদর্শিত হয়। তাই "left:20" উপাদানটির বাম অবস্থানে 20 পিক্সেল যোগ করে।

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

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

উদাহরণ

আপনি আপেক্ষিক অবস্থান -

প্রয়োগ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন৷
<html>
   <head>
   </head>
      <body>
         <div style = "position:relative;left:80px;top:2px;background-color:yellow;">
            This div has relative positioning.
         </div>
      </body>
</html>

  1. CSS অবস্থান:আপেক্ষিক;

  2. সিএসএসে আপেক্ষিক অবস্থান

  3. আপেক্ষিক পজিশনিং CSS এ কাজ করা

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