جدیدترین اخبار
   
   
   
   
   
جدیدترین مقالات
   
   
   
   
   
جدیدترین آموزش ها
   
   
   
   
   
پرنظرترین مطالب هفته
   
   
   
   
   
لینک های کاربردی
   
   
   
   
   

استفاده از absolute برای ویژگی position ( لینک در یک پنجره جدید باز خواهد شد ).


top

این ویژگی موقعیت یک عنصر را از بالای صفحه تعیین می کند.( ویژگیهای top, left, bottom, right بیشتر زمانی مورد استفاده قرار می گیرند که برای یک عنصر ویژگی position تعیین شده باشد. )

در مثال قبل همانطور که ملاحظه می کنید از ویژگی top:65px استفاده شده است که این ویژگی معین می کند که DIV با فاصله 65 پیکسل از بالای پنجره مرورگر به نمایش در می آید.

مقداری که برای ویژگیهای top, bottom, left, right در نظر گرفته می شود به صورت می تواند باشد. یا به صورت عددی در واحد پیکسل که در این صورت باید پس از عدد مربوطه از حروف اختصاری px استفاده شود یا به صورت درصد که پس از عدد با ید از علامت درصد (%) استفاده شود.


bottom

کاربردی همانند ویژگی بالا دارد با این تفاوت که میزان فاصله عناصر را از پایین پنجره مرورگر مشخص می کند.در مثال بعدی از این ویژگی استفاده خواهیم کرد.


right

این ویژگی فاصله عناصر را از سمت راست صفحه تعیین می کند. همانطور که در مثال قبل می بینید، از این ویژگی به صورت right:20px استفاده شده است یعنی DIV مربوطه با فاصله 20 پیکسل از سمت راست پنجره مرورگر قرار خواهد گرفت.


left

این ویژگی موقعیت عنصر را از سمت چپ پنجره مرورگر تعیین می کند.

در مثال زیر از ویژگیهای bottom و left برای همان DIV مثال قبل استفاده می کنیم:

<div style="position:absolute; bottom:65px; left:20px; border:double #
برترین اخبار هفته
  بسم الله الرحمن الرحیم تست
   
   
   
   
برترین مقالات ماه
   
   
   
   
   
برترین آموزش های ماه
   
   
   
   
   
محبوبترین کاربر ماه
   
   
   
   
   
محبوب ترین نویسنده ماه