نمط zIndex الملكية
مثال
قم بتغيير ترتيب المكدس لعنصر <img>:
document.getElementById("img1").style.zIndex = "1";
التعريف والاستخدام
تقوم خاصية zIndex بتعيين أو إرجاع ترتيب المكدس للعنصر الموضوع.
يكون العنصر الذي يحتوي على ترتيب مكدس أكبر (1) دائمًا أمام عنصر آخر بترتيب مكدس أقل (0).
تلميح: العنصر الموضوع هو عنصر مع تعيين خاصية الموضع على: نسبي أو مطلق أو ثابت.
نصيحة: هذه الخاصية مفيدة إذا كنت تريد إنشاء عناصر متداخلة.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
إعادة خاصية zIndex:
object.style.zIndex
قم بتعيين خاصية zIndex:
object.style.zIndex = "auto|number|initial|inherit"
قيم الملكية
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | تلقاءي |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل ترتيب مكدس العنصر |
إصدار CSS | CSS2 |
مزيد من الأمثلة
مثال
غيّر قيمة خاصية الفهرس z لعنصر <div>:
document.getElementById("myDIV").style.zIndex = "-1";
مثال
قم بإرجاع قيمة خاصية الفهرس z لعنصر <img>:
alert(document.getElementById("img1").style.zIndex);
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS Positioning
مرجع CSS: خاصية مؤشر z
❮ نمط الكائن