موقعیت عنصر در css – طرح بندی css

ویژگی موقعیت در css

در قسمت قبلی با ویژگی نمایش عناصر آشنا شدید. در این قسمت شما را با ویژگی موقعیت عنصر در صفحات وب آشنا کرده و به شما نشان می دهیم که چگونه عناصر می توانند ثابت یا داینامیک در صفحه اینترنتی باشند .

 موقعیت عنصر یا position دارای چهار حالت است :

  • static
  • relative
  • fixed
  • absolute

هنگامی که خاصیت position روی static قرار گرفت عناصر ثابت هستند و تغییر نمی کنند (بالا،پایین،چپ و راست) و فقط با تغییر سایز صفحه تغییر می یابند.

وقتی خاصیت position روی relative قرار می گیرد عناصر در حالت طبیعی خود قرار می گیرند:
وقتی خاصیت position مقدار fixed گرفت عناصر حتی با اسکرول صفحه هم تغییری نمی کنند
position : absolute  مانند fixed با این تفاوت که موقعیت خود را با توجه بلاک که درونش قرار گرفته تنظیم می نماید.
اشتراک گذاری :
آموزش CSS آموزش برنامه نویسی

درباره حسین رسولی

از سال 89 در زمینه طراحی اپلیکیشن های ویندوز ، موبایل و همچنین طراحی سایت فعالیت دارم و در حال حاضر مدیریت سایت جهان سورس را برعهده دارم و سعی می کنم روزانه آموزش ها و پروژه های برنامه نویسی را با شما به اشتراک بگذارم.

دیدگاه خود را بیان کنید