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

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

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

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

  • static
  • relative
  • fixed
  • absolute

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

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

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

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

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