تبلیغات
Par30net | پارســـی نت
ورود کاربران
نام کاربری :
کلمه عبور :
کلمه عبور خود را فراموش کرده ام ؟
منوی کاربری

Make Your HomePage    Send Email To Admin    Add to Favorites

پیغام مدیر : با عرض سلام و خسته نباشی دوستانی که مایلند با ما تبادل لینک کنند از قسمت لینک دوستان لینک خود را برای ما ارسال نمایند

با تشکر   

عضویت در سایت


تماس با ما


ارسال پیام

لینكهای ویژه
لینك دوستان
چت بامدیـــــر
جستجوگر

Google
  
            
     در كل اینترنت
     در پارســـی نت

نظر سنجی

نظر شما راجع به رنگبندی سایت چیست ؟






آمار وب
بازدید های امروز:
بازدیدهای دیروز:
بازدید این ماه :
بازدید ماه گزشته:
کل بازدید ها:
نویسندگان سایت:
كل مطالب ارسالی:
آخرین به روز رسانی:
طراح قالب

Hosted by:

IranHost

ساعــــت

نویسنده گان
  • سید حسین رفعتی(416)

  • موضوعات












    آرشیو
  • هفته چهارم فروردین 1389 ( 5 )
  • هفته چهارم دی 1388 ( 115 )
  • هفته سوم دی 1388 ( 1 )
  • هفته دوم دی 1388 ( 18 )
  • هفته اول دی 1388 ( 212 )
  • هفته چهارم آذر 1388 ( 78 )
  • همه آرشیوها
  • آخرین پستها

    اس ام اس sms ماه رمضان – سری ۳

    اس ام اس و پیامک رمضان – سری ۴

    اس ام اس عید فطر

    اس ام اس عید غدیر خم – سری ۳

    اس ام اس ولادت حضرت محمد و امام صادق

    مقدمه آموزش CSS

    اصول نوشتن کد های CSS

    استفاده از شناسه Style

    CSS در HEAD صفحه

    فایل CSS خارج از صفحه

    تنظیم طول و عرض عناصر

    ایجاد کادر برای عناصر

    حاشیه و تو رفتگی عناصر صفحه

    تعیین موقعیت عناصر صفحه

    کار با متنها ( بخش اول )

    کار با متنها (بخش دوم )

    تنظیم فونت با CSS

    تنظیم رنگ متن با CSS

    تنظیم رنگ و تصویر زمینه

    تنظیم تکرار تصویر زمینه

  • همه پستها
  • لوگو دوستان


    وضعیت


    »آدرس آی پی شما:

      AddThis Feed Button



    تبلیغات
    امروز :



     آخرین اخبار سایت

    چت روم پارسِِــــی نت را اندازی شد (جدید)

    شما دوستان عزیز می توانید با عضویت در سایت و ورود به حساب کاربری خود از چت روم سایت پارســــی نت بهرمند شوید         ( تاریخ ارسال : 25/10/1388 )











    توجه:برای تبادل بنر اول بنر وب من را در وبلاگ یا سایت خود قرار دهید بعد بنر خود را برای ما بفرستید.

    برای ارسال بنر خود اینجا كلیك كنید

    تنظیم طول و عرض عناصر

    پست: 418  |  موضوع مرتبط: آموزشی > CSS

    آموزش CSS

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

    عرض و ارتفاع

     

    width

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

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

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

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

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



    height

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

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

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

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

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

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

    مقادیری که برای پارامتر 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 است ولی با استفاده از over



    نوشته: سید حسین رفعتی ساعت: 03:34 ب.ظ تاریخ: یکشنبه 27 دی 1388 |+|
    f