موقعیت عنصر CSS

با استفاده از ویژگی موقعیت عنصر CSS ، می توانید نحوه قرارگیری یک عنصر HTML خاص در سند را تعیین کنید:

h2 {      
   position: absolute;      
   left: 100px;      
   top: 150px;   
}

بررسی ویژگی موقعیت CSS

برای تعریف موقعیت عنصر در CSS ، شما باید از هر پنج مقدار موجود یکی را انتخاب کنید:

موقعیت: ارزش؛

مقدار پیش فرض استاتیک است که به معنی موقعیت عنصر به جریان سند بستگی دارد. تمام مقادیر موجود در جدول زیر توضیح داده شده است.

مقادیر خاصیت برای موقعیت یابی CSS

Description	Value
مقدار پیش فرض موقعیت عنصر به جریان سند بستگی دارد و نمی توان آن را با استفاده از بالا ، پایین ، چپ و راست مشخص کرد	static
موقعیت عنصر نسبت به نزدیکترین والد یا ظرف اولیه قرار دارد	absolute
موقعیت عنصر نسبت به سند است و از پیمایش تحت تأثیر قرار نمی گیرد	fixed
موقعیت عنصر به جریان سند بستگی دارد ، اما می توان با استفاده از بالا ، پایین ، چپ و راست مشخص کرد	relative
مانند موقعیت کار می کند: نسبی ؛ تا رسیدن به یک مکان مشخص مشخص ، سپس به یک موقعیت ثابت بچسبید	sticky

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.