منو اصلی
  صفحه اصلی
  تبلیغات
  کارت شارژ
  تماس با ما
تبلیغات
تور کیش
بخش خبری
ابزار وب مسترها
  ابزار مجله در وبلاگ
  گوگل پلاس در وبلاگ
  شمارنده مطالب
  پازل وبلاگ
  تولبار حرفه ای
  ابزار پرش به بالا
  ذکر ایام هفته
  استخاره آنلاین
  سخنان بزرگان
  نمایش رتبه گوگل
  وضعیت آب و هوا
  اوقات شرعی
  فونت های زیباسازی
  کدهای زیباسازی فلش
  فال روزانه
  فال حافظ
  فال کلیکی
  فال انبیا
  طالع بینی ازدواج
  طالع بینی هندی
  عشق سنج آنلاین
  موسیقی لایت در وبلاگ
  ساخت موسیقی آنلاین
  ساعت های فلش
  ابزار فرم تماس با ما
  چت روم
  تصاویر تصادفی
  تصاویر زیباسازی
  لودینگ وبلاگ
  جستجوگر گوگل
  تعیین وضعیت یاهو
  ساخت ایمیل آیکون
  تقویم رومیزی
  تغییر شکل موس
  نمایشگر آی پی
  تعبیر خواب
  نمایش تاریخ
  بارش برف در وبلاگ
  پرواز بادکنک در وبلاگ
  پرواز حباب در وبلاگ
  قطرات شبنم در وبلاگ
  ابزار مبدل تاریخ ها
  جملات عاشقانه تصادفی
  جملات تصادفی شریعتی
  حدیث تصادفی
  اس ام اس تصادفی
  دانستنی های تصادفی
  مترجم گوگل
  معرفی وبلاگ به دوستان
  سرویس whois دامنه
  ابزار ار اس اس ریدر
  کد آپلود عکس
  دیکشنری آنلاین
  ساخت صفحات پاپ آپ
  ساخت تصاویر ثابت
  روزنما با مناسبت ها
  لحظه شمار غیبت امام زمان
  کدهای کاربردی
آرشیو قالب ها

rss rss rss



تراوین اسپید
پرهیجان ترین و پرطرفدارترین بازی آنلاین استراتژیک دنیا
T r a a V  i a a n  . i r

فرماندهی دهکده خود را بدست بگیرید، ارتش بسازید اتحاد تشکیل دهید، به دهکده های دیگر حمله کنید و قهرمان شویدتراوین ایرانی

 تنظیم حاشیه و فاصله از لبه در عناصر صفحه
تنظیم حاشیه و فاصله از لبه در عناصر صفحه

حاشیه ها

margin-left

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

<div style="margin-left:200px; border:double">این DIV دویست پیکسل از سمت چپ صفحه فاصله دارد.</div>

همانطور که می بینید کد بالا یک DIV را با کادر مضاعف و 200 پیکسل حاشیه از چپ نشان می دهد:

این DIV دویست پیکسل از سمت چپ صفحه فاصله دارد.

margin-right

این گزینه هم مانند گزینه بالا عمل می کند با این تفاوت که مقدار حاشیه را از سمت راست تعیین می کند:

<div style="margin-right:200px; border:double">این DIV دویست پیکسل از سمت راست صفحه فاصله دارد.</div>

همانطور که می بینید کد بالا یک DIV را با کادر مضاعف و 200 پیکسل حاشیه از راست نشان می دهد:

این DIV دویست پیکسل از سمت راست صفحه فاصله دارد.

margin-top

این گزینه هم مانند گزینه های بالا کار می کند با این تفاوت که میزان حاشیه را از بالای صفحه تعیین می کند:

<div style="margin-top:100px; border:double">این DIV صد پیکسل از بالای صفحه فاصله دارد.</div>
این DIV صد پیکسل از بالای صفحه فاصله دارد.

margin-bottom

این گزینه هم مانند گزینه های بالا کار می کند با این تفاوت که میزان حاشیه را از پایین صفحه تعیین می کند:

<div style="margin-bottom:100px; border:double">این DIV صد پیکسل از پایین صفحه فاصله دارد.</div>
این DIV صد پیکسل از پایین صفحه فاصله دارد.

Padding

padding-right

پارامتر padding در CSS مشابه شناسه cellpadding در جدولهاست که با این تفاوت که می توان آنرا برای بالا، پایین، چپ و راست به صورت جداگانه تعریف کرد به جای اینکه به صورت یکجا تعیین شود. در اینجا می توانید یک نمونه از padding را که برای راست تعریف شده است را ببینید:

<div style="padding-right:100px; border-style:double">برای این DIV معادل 100 پیکسل padding تعریف شده است.</div>

می توانید نتیجه را در اینجا مشاهده کنید:

برای این DIV معادل 100 پیکسل padding تعریف شده است.

padding-top

مانند قسمت قبل است با این تفاوت که به جای راست برای بالا تعریف می شود:

<div style="padding-top:30px; border-style:double">برای این DIV معادل 30 پیکسل padding تعریف شده است.</div>

می توانید نتیجه را در اینجا مشاهده کنید:

برای این DIV معادل 30 پیکسل padding تعریف شده است.

padding-left

مانند padding-right است با این تفاوت که برای چپ تعیین می شود.


padding-bottom

مانند padding-top است با این تفاوت که برای پایین تعیین می شود.


به یاد داشته باشید که در صورتی که پارامتر padding بدون right, left, top یا bottom به کار رود مقدار وارد شده برای هر چهار جهت مورد استفاده قرار می گیرد، البته در مورد margin هم به همین صورت است:

<div style="padding:35px; width:250px; border-style:solid ">در این DIV پارامتر padding بر روی هر چهار جهت تأثیر میگذارد.</div>

این هم نتیجه:

در این DIV پارامتر padding بر روی هر چهار جهت تأثیر میگذارد.
/images/spilit.png

مطالب تصادفی
وارد کردن تصاویر در صفحات HTML

چرا شما به يك سايت نياز داريد ؟

آموزش نصب جوملا
آشنایی با متا تگها و موارد استفاده آنها در HTML
قرار دادن دو جدول در کنار هم با استفاده از یک جدول بزرگتر
تنظیم عرض، ارتفاع، و overflow با CSS
مشاهده صفحات لینک شده در پنجره جدید
آموزش ایجاد فریم های داخلی
تنظیم نحوه قرار گرفتن تصاویر در صفحه
وب 2 چیست؟






 

دسترسی سریع
قالب های ماه رمضان
قالب های 3 ستونه
قالب های 2 ستونه
ابزار وبلاگ نویسان
آموزش وبلاگ نویسی
گالری عکس
آپلود عکس
بازی آنلاین
موسیقی لایت
مجله نایت پلاس

  فرهنگ و هنر
بازی آنلاین

 بازی آنلاین                                    649 بازی
 بازی های ورزشی             96 بازی
 بازی های تیراندازی         123 بازی
 بازی های فکری              208 بازی
 بازی های اکشن             122 بازی
 بازی های مسابقه ای       50 بازی
بازی های متفرقه                51 بازی
 بازی های محبوب

تصاویر زیبا سازی وبلاگ

لینک ها
بک لینک شما در این مکان

کلیه حقوق متعلق به سایت نایت اسکین می باشد © Night-Skin.com 2004-2013