CSS z-index ویژگی

تعریف و استعمال

z-index ویژگی عنصر کی پتھر کی ترتیب کو سیٹ کرتی ہے۔ اعلیٰ پتھر کی ترتیب والا عنصر بالترتیب کی پتھر کی ترتیب والا عنصر سے آگے ہوگا。

نوٹس:عنصر کا منفی z-index کا مقدار رکھ سکتا ہے。

نوٹس:Z-index صرف پوزیشن دار عنصر پر اثر انداز میں آتا ہے (مثلاً position:absolute;)!

توضیحات

اس ویژگی کو ایک پوزیشن دار عنصر کی z اکش کی مقام کاری کی گئی ہے، z اکش کا تعریف اس کا عمودی توسیع نمائش کی سمت سے ہوگا۔ اگر مثبت تعداد ہو تو یہ استعمال کار کو قریب کیا جائے گا، اگر منفی تعداد ہو تو یہ استعمال کار سے دور کیا جائے گا。

دوسرے مراجع:

CSS درس:CSS پوزیشن

HTML DOM مراجع دستور:zIndex ویژگی

مثال

عکس کا z-index سیٹ کریں:

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

خود کو کوشش کریں

CSS گرامر

z-index: auto|اعداد|initial|inherit;

ویژگی کی مقدار

مقدار وصف
آوتو مقصد
اعداد عنصر کی پتھر کی ترتیب کو مقرر کرنا ہے。
وارسست زیر آپریشن کا مقصد پیر کی زاویہ کی مقدار کو وارسست کرنا ہے。

تکنیکی تفصیلات

دفعہ کی مقدار: آوتو
وارسستی: نہیں
ورژن: CSS2
جاوا اسکریپٹ گرامر: عنصر.style.zIndex="1"

مزید مثال

Z-index
Z-index کا استعمال ایک علامت کو دوسرے علامت کے بعد رکھنے کے لئے کیا جاسکتا ہے。
Z-index
مذکورہ مثال میں علامت کا Z-index تبدیل کیا گیا ہے。

ویوزر کی مدد

جداول میں دوسرے صفحات کی اشارت کی گئی ہے جو اس کیوکمپٹیبل ویوزر کا پہلا ورژن ہوگا。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 3.0 1.0 4.0