আপেক্ষিক অবস্থান 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>