স্টাইল zIndex প্রয়োগ
- পূর্ববর্তী পৃষ্ঠা ওয়াইডস
- পরবর্তী পৃষ্ঠা অলাইনকনটেন্ট
- এক স্তর উপরে ফিরে যান HTML DOM Style অবজেক্ট
বিবরণ ও ব্যবহার
zIndex অবস্থান করানো এলাকার স্টেক ক্রম নির্ধারণ করা বা ফেরত দেওয়ার জন্য প্রয়োগ
সবচেয়ে বড় স্টেক ক্রম (1) ভিত্তিতে অন্য এলাকার স্টেক ক্রম (0) কোনওভাবেই এর আগে থাকে।
সুপারিশ:অবস্থান করানো এলাকা position প্রয়োগ নিম্নোক্ত হয়:relative、absolute বা fixed রক্ষা করা হয়েছে
সুপারিশ:যদি একসঙ্গে অংশকে সৃষ্টি করতে হয়, তাহলে এই প্রয়োগ খুবই উপযুক্ত
অন্যান্য দেখুন:
CSS শিক্ষাদীক্ষা:সিএসএস লোকেশন
CSS সংক্ষিপ্তসংস্করণপত্র:z-index প্রয়োগ
একক
উদাহরণ 1
z-index প্রয়োগ ফেরত <img> এলাকার স্টেক ক্রম পরিবর্তন করুন:
document.getElementById("img1").style.zIndex = "1";
উদাহরণ 2
z-index প্রয়োগ ফেরত <div> এলাকাকে পরিবর্তন করুন:
document.getElementById("myDIV").style.zIndex = "-1";
উদাহরণ 3
z-index প্রয়োগ ফেরত <img> এলাকার:
alert(document.getElementById("img1").style.zIndex);
সিনট্যাক্স
zIndex প্রয়োগ ফেরত দিন:
object.style.zIndex
zIndex প্রয়োগ নিয়ে সেট করুন:
object.style.zIndex = "auto|number|initial|inherit"
প্রয়োগ মান
| মান | বর্ণনা |
|---|---|
| auto | ব্রাউজার এলাকার স্টেক ক্রম নির্ধারণ করে (ডকুমেন্টের অনুক্রমিক ক্রম ভিত্তিতে)। ডিফল্ট |
| number | এলাকার স্টেক ক্রম নির্দেশ করেন ইন্টারজার নম্বর। নেতিবাচক মানও অনুমোদিত। |
| initial | এই প্রয়োগকে তার ডিফল্ট মান নিয়ে। দেখুন initial। |
| inherit | এই প্রয়োগকে তার পিতৃত্ব এলাকা থেকে উত্তরাধিকার নিয়ে। দেখুন inherit। |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| ফলাফল: | শব্দসূচক, এলাকার স্টেক ক্রমকে নির্দেশ করে। |
| CSS সংস্করণ: | সিএসএস ২ |
ব্রাউজার সমর্থন
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা ওয়াইডস
- পরবর্তী পৃষ্ঠা অলাইনকনটেন্ট
- এক স্তর উপরে ফিরে যান HTML DOM Style অবজেক্ট
