أحدث البرامج التعليمية وتطوير الشبكة
 

Style position Property

<كائن نمط

مثال

تغيير الموقف من <div> عنصر من نسبة إلى المطلق:

document.getElementById("myDIV").style.position = "absolute";
انها محاولة لنفسك »

تعريف والاستخدام

مجموعات الملكية موقف أو إرجاع نوع من طريقة لتحديد المواقع المستخدمة لعنصر (static, relative, absolute or fixed) .


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم موقف ممتلكات في جميع المتصفحات الرئيسية.


بناء الجملة

إعادة الممتلكات الموقف:

object .style.position

تعيين الخاصية الموقف:

object .style.position="static|absolute|fixed|relative|initial|inherit"

قيم الممتلكات

القيمة وصف
static عناصر يجعل في النظام، كما تظهر في تدفق المستندات. هذا هو الافتراضي.
absolute يتم وضع العنصر نسبة إلى أول وضع لها (not static) عنصر سلف
fixed يتم وضع العنصر النسبي لنافذة المتصفح
relative يتم وضع العنصر نسبة إلى وضعها الطبيعي، لذلك "left:20" يضيف 20 بكسل إلى موقف العنصر الأيسر
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: ثابتة
قيمة الإرجاع: A سلسلة، يمثل نوع الموقف من عنصر
صفحة CSS CSS2

مزيد من الأمثلة

مثال

باستخدام أنواع مختلفة موقف:

function myFunction(x)  {
    var whichSelected = x.selectedIndex;
    var posVal = x.options[whichSelected].text;
    var elem = document.getElementById("myDiv");
    elem.style.position=posVal;
}
انها محاولة لنفسك »

مثال

العودة منصب <h2> العنصر:

alert(document.getElementById("myH2").style.position);
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS لتحديد المواقع

CSS إشارة: position property


<كائن نمط