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

rss rss rss

لوگو اسپانسر
رپورتاژ ها
  علل اصلی خرابی گیربکس s5 چیست؟
  بروکر آلپاری
  دانستنی های مهاجرت به قبرس شمالی و اروپایی
  خشکسالی کشاورزی در ایران
  استخراج ارز دیجیتال چیست و چگونه انجام می‌شود؟
  پارمیس تولید کننده نرم افزارهای مالی و اداری در ایران
  با بررسی تخصصی دوربین آیفون 15 پرو شناخت کاملی از آن خواهید داشت!
  مهاجرت به قبرس شمالی از طریق خرید ملک
  رفع ارور خطا در بازی خدای جنگ یک
  5 مرحله ایجاد کسب و کار آنلاین
  قبرس، مقصدی ایده آل برای مهاجرت
  كامپوزيت ونير
  فستیوال های قشم
  معرفی نرم افزارهای مالی و حسابداری پارمیس



پنل اس م اس رایگان

تعبیر خواب
تنظیم عرض، ارتفاع، و overflow با CSS 

عرض و ارتفاع

width

این مشخصه به ما امکان می دهد تا عرض یک بخش از صفحه را تعیین کنیم. برای مثال می
توانیم با آن عرض یک DIV را تعیین کنیم. در مثال زیر برای DIV عرضی معادل ۲۰۰ پیکسل
تعیین می کنیم:

<div style=”width:200px”>این جمله پس از اینکه عرض آن از ۲۰۰
پیکسل بیشتر شد در سطرهای بعدی ادامه
پیدا می کند.</div>

نتیجه به صورت زیر خواهد بود:

این جمله پس از اینکه عرض آن از ۲۰۰ پیکسل بیشتر شد در سطرهای بعدی ادامه پیدا
می کند.

مقادیری که برای پارامتر width قرار می دهید می تواند بر اساس پیکسل باشد که در
این صورت باید پس از مقدار مربوطه حروف px که نشانه پیکسل است را بنویسید. مقادیر ممکن
است بر اساس درصد باشند که در آن صورت باید علامت درصد ( % ) را پس از مقدار قرار دهید.ض DIV است ولی با استفاده از overflow قسمتهای بیشتر از عرض DIV دیده نمی شوند.

عرض و ارتفاع

width

این مشخصه به ما امکان می دهد تا عرض یک بخش از صفحه را تعیین کنیم. برای مثال می
توانیم با آن عرض یک DIV را تعیین کنیم. در مثال زیر برای DIV عرضی معادل ۲۰۰ پیکسل
تعیین می کنیم:

<div style=”width:200px”>این جمله پس از اینکه عرض آن از ۲۰۰
پیکسل بیشتر شد در سطرهای بعدی ادامه
پیدا می کند.</div>

نتیجه به صورت زیر خواهد بود:

این جمله پس از اینکه عرض آن از ۲۰۰ پیکسل بیشتر شد در سطرهای بعدی ادامه پیدا
می کند.

مقادیری که برای پارامتر width قرار می دهید می تواند بر اساس پیکسل باشد که در
این صورت باید پس از مقدار مربوطه حروف px که نشانه پیکسل است را بنویسید. مقادیر ممکن
است بر اساس درصد باشند که در آن صورت باید علامت درصد ( % ) را پس از مقدار قرار دهید.


height

این پارامتر به ما اجازه می دهد تا ارتفاع بخش مشخصی را تعیین کنیم. برای مثال وقتی
که ما این پارامتر را برای یک DIV استفاده می کنیم و مقدار آن را ۱۰۰ پیکسل قرار می
دهیم تا وقتی که متن موجود در DIV از ۱۰۰ پیکسل کمتر ارتفاع دارد ارتفاع DIV 100 پیکسل
خواهد بود. ولی وقتی که متن داخل DIV زیاد باشد و از ۱۰۰ پیکسل بیشتر شود در نتیجه
ارتفاع DVI هم از ۱۰۰ تجاوز خواهد کرد تا همه متن موجود قابل خواندن باشد. به مثال
زیر توجه کنید:

  1. ابتدا هنگامی که ارتفاع متن از ارتفاع DIV کمتر است:
    <div style=”height:100px”>ارتفاع این متن از ۱۰۰ پیکسل کمتر
    است.</div>

    ارتفاع این متن از ۱۰۰ پیکسل کمتر است.
  2. حالا هنگامی که ارتفاع متن از ارتفاع DIV بیشتر است:
    <div style=”height:100px”>ارتفاع<br>این<br>متن از<br>100<br>پیکسل
    <br>کمتر<br>است.</div>

    ارتفاع
    این
    متن از
    ۱۰۰
    پیکسل
    کمتر
    است.

اگر بخواهیم ارتفاع DIV همان ۱۰۰ پیکسل بماند و تغییر نکند باید از پارامتر overflow
در استایل استفاده کنیم. این پارامتر به ما این امکان را می دهد که تعیین کنیم وقتی
محتویات DIV از عرض یا ارتفاع DIV بزرگتر می شود چگونه نمایش داده شود. در اینجا برای
پارامتر overflow از مقدار hidden استفاده می کنیم که تعیین می کند هر چیزی بزرگتر
از عرض یا ارتفاع DIV نمایش داده نشود. به مثال زیر توجه کنید:

<div style=”height:100px;overflow:hidden”>ارتفاع<br>این<br>متن
از<br>100<br>پیکسل <br>کمتر<br>است.</div>
ارتفاع
این
متن از
۱۰۰
پیکسل
کمتر
است.

مقادیری که برای پارامتر height قرار می دهید می تواند بر اساس پیکسل باشد که در
این صورت باید پس از مقدار مربوطه حروف px که نشانه پیکسل است را بنویسید. مقادیر ممکن
است بر اساس درصد باشند که در آن صورت باید علامت درصد ( % ) را پس از مقدار قرار دهید.


overflow

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

<div style=”width:200px; overflow:hidden”><nobr>طول این سطر
بیشتر از عرض DIV است ولی با استفاده از overflow قسمتهای بیشتر ز عرض DIV دیده نمی
شوند.</nobr></div>
طول این سطر بیشتر از عرض DIV است ولی با استفاده از overflow قسمتهای بیشتر
از عرض DIV دیده نمی شوند.

به طور کلی چند مقدار را می توانیم برای پارامتر overflow استفاده کنیم:

  1. visible
    یا قرار دادن این مقدار برای overflow همه محتویاتی که طول یا عرض بیش از اندازه
    داشته اند نمایش داده خواهند شد.
  2. hidden
    این مقدار باعث خواهد شد تا محتویات با طول یا عرض بیش از اندازه نمایش داده نشوند.
  3. scroll
    این مقدار باعث خواهد شد تا در صورتی که محتویات اندازه ای بیش از طول و عرض لازم
    دارند با استفاده از اسکرول بار قابل مشاهده باشند.

به یک مثال توجه کنید:

<div style=”width:200px; overflow:scroll; border:dashed 1px #3399FF; white-space:nowrap”>
طول این سطر بیشتر از عرض DIV است ولی با استفاده از overflow قسمتهای بیشتر از عرض DIV دیده نمی شوند.
</div>

این هم نتیجه:

طول این سطر بیشتر از عرض DIV است ولی با استفاده از overflow قسمتهای بیشتر از عرض DIV دیده نمی شوند.



 

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

بازی آنلاین 660 بازی
بازی های دخترانه 16 بازی
بازی های ورزشی 97 بازی
بازی های تیراندازی 124 بازی
بازی های فکری 209 بازی
بازی های اکشن 126 بازی
بازی های مسابقه ای 50 بازی
بازی های متفرقه 38 بازی
بازی های محبوب

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