Style position অপারেটর

সংজ্ঞা ও ব্যবহার

position উপাদানের অবস্থান পদ্ধতির (স্থির, সম্পর্কিত, অবস্থানশীল বা স্থায়ী) ধরন নির্ধারণ করা অথবা প্রত্যাহার করা হয়。

অন্যান্য দেখুন：

CSS ট্যুটোরিয়াল：CSS অবস্থান

CSS রেফারেন্স ম্যানুয়াল：position বৈশিষ্ট্য

প্রতিমাণ

উদাহরণ 1

উপাদান <div> এর অবস্থানকে অপেক্ষাকৃত অবস্থান থেকে অবস্থান করে অবস্থান করা হয়:

document.getElementById("myDIV").style.position = "absolute";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

বিভিন্ন অবস্থান ধরন ব্যবহার করুন:

function myFunction(x)  {
  var whichSelected = x.selectedIndex;
  var posVal = x.options[whichSelected].text;
  var elem = document.getElementById("myDiv");
  elem.style.position = posVal;
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 3

ফলাফল <h2> উপাদানের অবস্থান:

alert(document.getElementById("myH2").style.position);

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

বিন্যাস

position বৈশিষ্ট্য ফলাফল প্রদান:

object.style.position

পদ্ধতি position বৈশিষ্ট্য সংযোজন:

object.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"

বৈশিষ্ট্য মান

মান বর্ণনা
static উপাদান, তারা ডকুমেন্টের ডকুমেন্ট প্রবাহে যে কোনও ক্রমে প্রদর্শিত হয়। ডিফল্ট。
absolute উপাদান, তার প্রথম অবস্থানকারী (নন-স্ট্যাটিক) পূর্বসূরী উপাদানের অবস্থানে অবস্থান করে。
fixed উপাদান, ব্রাউজার উইন্ডোর অপরিবর্তিত অবস্থানে অবস্থান করে。
relative

উপাদান, তার স্বাভাবিক অবস্থানের অপরিবর্তিত অবস্থানে অবস্থান করে。

তাই "left:20" উপাদানের বামপাশের অবস্থানকে 20 পিক্সেল বাড়ায়。
sticky

উপাদান, ব্যবহারকারীর সরবরাহকারীর অবস্থান অনুযায়ী অবস্থান করে।

অপেক্ষাকৃত উপাদান, সরবরাহকারীর অবস্থান অনুযায়ী relative এবং fixed মধ্যে পরিবর্তন করে。

এটি অপেক্ষাকৃত অবস্থানটিতে রয়েছে, পর্যন্ত দৃশ্যক্ষেত্রে দেওয়া পরিবর্তন পর্যন্ত - তারপর এটি উপযুক্ত অবস্থানে 'অপেক্ষাকৃত' (যেমন position:fixed) অবস্থানে আটকে যায়。

মন্তব্য:IE/Edge 15 বা এর আগের সংস্করণগুলির জন্য সমর্থন নেই। Safari 6.1 সংস্করণ থেকে Webkit প্রিফিক্সটি সমর্থন করে।
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিয়ে যান। দেখুন initial。
inherit এই বৈশিষ্ট্যটি পারস্পরিক উপাদান থেকে উত্তরণ করে নেয়। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: static
ফলাফল: শব্দতালিকা, যা উপাদানের অবস্থান ধরনকে নির্দেশ করে。
CSS সংস্করণ: CSS2

ব্রাউজার সমর্থন

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন