پیشنهاد دوره:
- صفحه قبلی widows
- صفحه بعدی alignContent
- بازگشت به طبقه بالاتر اجزای Style HTML DOM
ویژگی Style zIndex
تعریف و استفاده
zIndex
ویژگی تنظیم یا بازگشت ترتیب قرارگیری عناصر قرارگرفته.
نکته:عناصر قرارگرفته (با ترتیب قرارگیری بزرگتر) همیشه قبل از عناصر قرارگرفته (با ترتیب قرارگیری کوچکتر) قرار دارند. ویژگی position تنظیم شده به:مقابل
،مطلق
یا ثابت
عناصر.
نکته:این ویژگی برای ایجاد عناصر برخوردی بسیار مفید است.
لطفاً به
آموزش CSS:محاسبه CSS
دستورالعمل CSS:ویژگی zIndex
مثال
مثال 1
تغییر ترتیب قرارگیری عنصر <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:
آبجکت.style.zIndex
تنظیم ویژگی zIndex:
آبجکت.style.zIndex = "auto|اعداد|مقدار پیشفرض|وراثت"
مقدار ویژگی
مقدار | توضیح |
---|---|
자동 | مرتبسازی عناصر توسط مرورگر (بر اساس ترتیب آنها در مستند). پیشفرض. |
اعداد | عدد تعریفکننده ترتیب قرارگیری عناصر. مقدار منفی مجاز است. |
مقدار پیشفرض | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به مقدار پیشفرض. |
وراثت | این ویژگی را از عنصر والد خود ارث میبرد. لطفاً به وراثت. |
جزئیات فنی
مقدار پیشفرض: | 자동 |
---|---|
مقدار بازگشتی: | رشتهای که ترتیب قرارگیری عناصر را نشان میدهد. |
نسخه CSS: | CSS2 |
پشتیبانی از مرورگر
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی widows
- صفحه بعدی alignContent
- بازگشت به طبقه بالاتر اجزای Style HTML DOM