انتقل إلى محتوى الدرس

CSS z-index number خاصية z-indexمع القيمة number في لغة CSS.

سوف تتعلم في هذا الدرس كيفية عرض عناصر HTML علي المتصفح وكيف يمكن تغيير الوضع الأفتراضي إلي ثبات العنصر مع تحريك scroll وما هي الطبقات داخل صفحة الويب في لغة CSS.

1 صفوف تعليمية
لغة CSS
3,100 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُستخدم خاصية z-index مع القيمة number في لغة CSS للتحكم في  ترتيب الطبقات وعمل ترتيب مُختلف بناء علي ؤرية التصميم وتجاهل الترتيب الأفتراضي.


ملعومات حول خاصية z-index في لغة CSS:

  • يمكن إستخدام اي رقم صحيح كلما زاد الرقم كلما كانت الطبقة في المقدمة.
  • من الممكن إستخدام أرقام سالبة لترتيب عنصر معين لكي يتم تأخيره لخلف الطبقات الأخري.

CSS z-index number

خاصية z-index مع القيمة number في لغة CSS.

HTML
.pink 
{
  background:pink;
  width:300px;
  height:100px;
  position:absolute;
  top:0px;
  left:150px;
  z-index:3;
}