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

CSS position static خاصية Position مع القيمة static في لغة CSS

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

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

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

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

تُستخدم خاصية position مع القيمة static لعرض العنصر في layer طبقة واحدة مع جميع العناصر الأخري في نفس الصفحة وهي القيمة الأفتراضية.


معلومات حول خاصية position مع القيمة static:

  • وضع عناصر HTML في الحالة الأفتراضية يكون position:static سواء تم كتابة الخاصية للعنصر أو بدون ويمكن تغيير القيمة بلغة CSS.
  • يمكن وضع هوامش حول العناصر من النوع position:static عن طريق خاصية margin أما القيم الأخري يتم عن طريق الخصائص [left-right-top-bottom].
  • أي عنصر في صفحة HTML هو في طبقة واحده وهي الطبقة الأساسية أو الأولي عند أنشاء صفحة HTML وأي عنصر حوله سوف يؤثر عليه في حال تحريكة أو وضع هوامش حولة.

CSS position static

خاصية position مع القيمة static في لغة CSS.

HTML
.position 
{
  position: static;
  top: 0;
  padding: 5px;
  background-color: #48dbfb;
  border: 2px solid blue;
  color:blue;
}