آموزش برنامه نویسی .CSS (تنظیم طول و عرض عناصر)

درود،میهمان گرامی ورود ثبت نام لیست اعضا تقویم راهنما جستجو

آخرین ارسال ها

عکس: وقتی مارادونا مرد عنکبوتی شد
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:1

درياي عجيبي كه در قرآن آمده را ببينيد + عكس
شروع کننده:hny!	آخرین ارسالhny!	پاسخ ها:0	مشاهده:3

موتورسیکلت یک مادربزرگ با سلیقه
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:4

تصاویری از حضور هنرمندان در مراسم ختم پدر پیمان معادی
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:4

عکس/ مادری‌درحال‌غسل‌دادن‌فرزندشهیدش
شروع کننده:hny!	آخرین ارسالhny!	پاسخ ها:0	مشاهده:3

موتور سیکلت یک چرخ
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:3

عکسی از موتورسیکلتی مجهز به توالت!!
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:3

11 مدلهای هیوندای+عکس
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:10	مشاهده:12

موتور سیکلت نامرئی
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:3

زن آمریکایی که خوردن سنگ را دوست دارد!+عکس
شروع کننده:hny!	آخرین ارسالhny!	پاسخ ها:0	مشاهده:3

یخمک (نوشته های طنز)
شروع کننده:دایی جان	آخرین ارسالsaeed_z	پاسخ ها:401	مشاهده:9533

تصاویر تنها موتور سیکلت ساخته شده توسط شرکت فراری
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:3

نوزادی که هنگام زایمان سرش در دهانه رحم گیر کرد و کنده شد+عکس
شروع کننده:khamosh	آخرین ارسالhny!	پاسخ ها:1	مشاهده:32

گفتگوی آزاد (3 )
شروع کننده:admin	آخرین ارسالsaeed_z	پاسخ ها:1058	مشاهده:9054

11 مدلهای هیوندای
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:1

وظایف دختر و پسر در دوران نامزدی
شروع کننده:گــلایــه	آخرین ارسالگــلایــه	پاسخ ها:0	مشاهده:4

رده بندی کیفی خودروهای داخلی
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:3

اخبار روزانه ویژه سیستم اعتبار مالی
شروع کننده:admin	آخرین ارسالadmin	پاسخ ها:52	مشاهده:1075

آغاز سیاست های جدید فیات در هند
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

چشم
شروع کننده:Ashna	آخرین ارسالگــلایــه	پاسخ ها:18	مشاهده:2756

اطلاعات سامانه هوشمند سوخت تا پايان خرداد تجميع مي شود
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:3

ظرفيت توزيع سي ان جي از 2 ميليون مترمکعب گذشت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:4

مزدا و فيات درباره مشارکت صنعتي گفتگو مي کنند
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

يک نوبت سوختگيري دارندگان کارت سوخت تا 25 خرداد ، ضروري است
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:3

ايساكو باز هم ركورد فروش بي‌سابقه‌اي بر جاي گذاشت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

اسکار وایلد (Oscar Fingal O'Flahertie Wills Wilde)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:5

لئو نیکلایویچ تولستوی (Лев Никола́евич Толсто́й)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

پائولو کوئلیو ( Paulo de Almeida Coelho)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

یک مربی لیگ برتری ممنوع الفعالیت شد
شروع کننده:kingpayam	آخرین ارسالadel	پاسخ ها:1	مشاهده:15

اگه با نفر قبلی توی آسانسور گیر کنی چیکار میکنی ؟
شروع کننده:kingpayam	آخرین ارسالkingpayam	پاسخ ها:10	مشاهده:103

کافی شاپ آواکسی ها
شروع کننده:adel	آخرین ارسالadel	پاسخ ها:100	مشاهده:1138

لیلة الرغائب شب آرزوها
شروع کننده:elina_mn	آخرین ارسالelina_mn	پاسخ ها:1	مشاهده:36

عکس یادگاری با فردوسی پور در ساعت یک بامداد
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:28

معرفی کتاب "شرق بهشت"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:11

معرفی کتاب "تاریخ بیهقی"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب مفهوم زمان
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب " اسماعیلیه"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

معرفی کتاب عرفان و شریعت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب پشت پرده وهابیت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "زن تسخیر شده"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

معرفی کتاب از پشت سایه ها
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب طوفان دیگری در راه است
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "زر باران"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب بنده ی خوب خدا
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "روی پله های کنسرواتوار"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معریف کتاب فلسفه علم
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب استاد عشق
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب فرزندان ایرانیم (داستان طنز)
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:11

معرفی کتاب "یوشی و درولین"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:8

معرفی کتاب خداحافظ کرخه
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:10

معرفی کتاب نامی برای همیشه: نگاهی به تاریخ خلیج فارس
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

مرثیه ای برای شکسپیر
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب "رد پای زن اسطوره ای در سینما"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:7

معرفی کتاب از به
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب به سوی تو
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "آفتاب در حجاب"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب مردی که خواب نمی دید
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب "نظام حکومت در اسلام"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب من او
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب عروج تا بی نهایت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "دین و آزادی"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "درختی‌که حرف می‌زد"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب" شب بی ستاره: خاطرات سردار علی فضلی"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب" قبله مایل به تو"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب "پسران زره‌پوش"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

چند اثر از چارلز دیکنز
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:4	مشاهده:22

معرفی کتاب "چگونه با نوجوانم صحبت کنم؟"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "پدر و دختر"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب "مسخ "
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "قدیس"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب" درختی‌که حرف می‌زد"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "پاییز 59"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "لیلی،نام تمام دختران زمین است"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب " الأصنام"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:7

معرفی کتاب "پوتین های مریم"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:8

معرفی کتاب "زن تسخیر شده"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:7

معرفی کتاب "رستاخیز جان"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب " سازمان آدم كشان /جک لندن"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:2	مشاهده:19

معرفی کتاب "سیر و سلوک"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:8

شعر سیب حمید مصدق و جواب ها
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:3	مشاهده:21

جستجو در این موضوع نحوه نمایش امکانات امکانات مدیر آموزش برنامه نویسی .CSS (تنظیم طول و عرض عناصر)
نویسنده	پیام

MoonLover

نمایش پروفایل کاربر

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

نمایش همه تاپیکهای کاربر

ارسال پیغام خصوصی

ناظم ارشد انجمن

ارسال ها: 18,519

تاریخ عضویت: 29 December 2008

امتیاز: 147

تشکرهای ارسالی : 16674
تشکرهای دریافتی : 26116

اعتبار: 202 واحد

آموزش برنامه نویسی .CSS (تنظیم طول و عرض عناصر)

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

    عرض و ارتفاع

    width

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

    کد:

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

    نتیجه به صورت زیر خواهد بود:
    این جمله پس از اینکه عرض آن از 200 پیکسل بیشتر شد در سطرهای بعدی ادامه پیدا می کند.
    البته از مقادیر % و یا عدد خالی هم که میشه همون پیکسل استاده کنید

    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;overflowdden">ارتفاع<br>این<br>متن از<br>100<br>پیکسل <br>کمتر<br>است.</div>

    ارتفاع
    این
    متن از

    پیکسل
    کمتر
    است.
    اینم مثل width از مقادیر % و ععد خالی پیکسل میشه استفاده کرد.

    overflow

    وقتی محتویات قسمتی از صفحه طول یا عرضی بزرگتر از آن قسمت در بر گیرنده داشته باشد، با پارامتر overflow می توانیم مشخص کنیم که آن قسمت زیادی نمایش داده شود یا مخفی شود. به صورت پیش فرض قسمتهای اضافی نمایش داده می شوند ولی با این پارامتر ما می توانیم آنها را مخفی کنیم. به مثال زیر توجه کنید:
    <div style="width:200px; overflowdden"><nobr>طول این سطر بیشتر از عرض DIV است ولی با استفاده از overflow قسمتهای بیشتر ز عرض DIV دیده نمی شوند.</nobr></div>
    طول این سطر بیشتر از عرض DIV است ولی با استفاده از overflow قسمتهای بیشتر از عرض DIV دیده نمی شوند.
    به طور کلی چند مقدار را می توانیم برای پارامتر overflow استفاده کنیم:
    100

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

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

امضاء گاهی باید فراموش کرد..
به زودی میام..امتحان دارم فعلا!

Sunday 12 September 2010 23:05

موضوع های مرتبط با این موضوع...
موضوع:		نویسنده	پاسخ:	بازدید:	آخرین ارسال
	برنامه نویسی	مؤمنه	1	498	Friday 15 April 2011 11:39 آخرین ارسال: user
	آموزش کامل و همه چیز درمورد ویروس Blaster	MenDark	0	334	Friday 08 April 2011 18:19 آخرین ارسال: MenDark
	آشنایی با رابط کاربردی برنامه نویسی API	حسام الدین	0	322	Wednesday 30 March 2011 12:40 آخرین ارسال: حسام الدین
	اصول برنامه نویسی تحت وب	onlinelife	1	410	Saturday 19 February 2011 17:41 آخرین ارسال: M3YS4M 1
	آموزش HTML	DUSKY	40	5,814	Saturday 06 November 2010 11:50 آخرین ارسال: admin

پرش به انجمن:

کاربرانِ درحال بازدید از این موضوع: 3 مهمان

زمان کنونی: Thursday 24 May 2012, 16:47


آموزش پرورش اندام در 90 روز	دستبندوگوشواره ماه تولد شما	آموزش افزایش قد (کتاب و سی دی)	جدیدترین روش بستن شال و روسری	برنامه مشاهده همه شبکه های دنیا