أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
تحدد الخاصية موقف نوع من طريقة لتحديد المواقع المستخدمة لعنصر (static, relative, absolute or fixed) .
| القيمة الافتراضية: | static |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS2 |
| جافا سكريبت بناء الجملة: | object .style.position="absolute" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
CSS بناء الجملة
position: static|absolute|fixed|relative|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| static | القيمة الافتراضية. عناصر تجعل في النظام، كما تظهر في تدفق وثيقة | العبها " |
| absolute | يتم وضع العنصر نسبة إلى أول وضع لها (not static) عنصر سلف | العبها " |
| fixed | يتم وضع العنصر النسبي لنافذة المتصفح | العبها " |
| relative | يتم وضع العنصر نسبة إلى وضعها الطبيعي، لذلك "left:20px" يضيف 20 بكسل لموقف العنصر الأيسر | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
كيفية وضع أي قريب العنصر إلى موقعه الطبيعي:
h2.pos_left {
position: relative;
left: -20px;
}
h2.pos_right {
position:
relative;
left: 20px;
} انها محاولة لنفسك » صفحات ذات صلة
درس CSS: CSS لتحديد المواقع
HTML DOM إشارة: position property