آموزش HTML5 و CSS3 طول و عرض در css | پاسخ وردپرس | ( height and width)

مطالب پیشنهادی برای شما مهمان عزیز

بنام خدا سلام ,

در خدمت شما عزیزان هستم یا یکی دیگه از آموزش وب سایت پاسخ وردپرس .
توی این جلسه آموزش HTML5 و CSS3  میخواهیم طول (height ) و عرص ( width ) خدمت شما آموزش یدیم پس با من همراه باشید .

آموزش height در css

خاصیت height

توسط این خاصیت شما میتونید ارتفاع یک عنصر رو مشخص کنید .

آموزش عرض و طول در css

مقادیر خاصیت height

[checklist]

  • Auto : مرورگر بصورت خودکار ارتفاع رو تشخیص میده ، مقدار پیشفرض این خاصیت هست .
  • Lengh : شما میتونید از مقیاس های em , px , % برای تعیین ارتفاع استفاده کنید .
  • Initial : مقدار پیشفرض این خاصیت هست .
  • Inherit : در صورتی که عنصر فرزند این مقدار رو داشته باشه ، هر چی که مقدار عنصر والد باشه به ارث میبره .

[/checklist]

خاصیت min-height

توسط این خاصیت مشخص می کنید که حداقل ارتفاع عنصر چقدر باشه .

خاصیت max-height

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

به مثال زیر دقت نمایید:

این درصد با توجه به ارتفاع بلوک حاوی محاسبه می شود. اگر ارتفاع بلوک حاوی صراحت مشخص نشده باشد، مقدار درصد به عنوان هیچ کدام مورد بررسی قرار نمی گیرد. max-heightاموال جز به تمام عناصر اعمال خواهد شد.

خاصیت width

توسط این خاصیت شما میتونید عرض یک عنصر رو مشخص کنید .

مقادیر خاصیت width

[checklist]

  • Auto : مرورگر بصورت خودکار عرض رو تشخیص میده ، مقدار پیشفرض این خاصیت هست .
  • Lengh : شما میتونید از مقیاس های em , px , % برای تعیین عرض استفاده کنید .
  • Initial : مقدار پیشفرض این خاصیت هست .
  • Inherit : در صورتی که عنصر فرزند این مقدار رو داشته باشه ، هر چی که مقدار عنصر والد باشه به ارث میبره .
بیشتر بخوانید :
آموزش طراحی قالب html و css طراحی فوتر بخش خدمات سایت | پاسخ وردپرس |

[/checklist]

آموزش widht and height

خاصیت min-width

توسط این خاصیت حداقل عرض رو برای عنصر تعیین می کنید .

خاصیت max-width

توسط این خاصیت حداکثر عرض رو برای عنصر تعیین می کنید .

نکته : برای کدنویسی های ریسپانسیو برای تصاویر شما max-width رو برابر ۱۰۰% قرار میدید ، در این صورت با کوچک و بزرگ شدن پنجره مرورگر ، تصویر هم تغییر سایز پیدا میکنه .

خوب دوستان این جلسه  از آموزش های وب سایت پاسخ وردپرس هم به اتمام رسید ، اگر سوالی یا ابهامی براتون پیش اومد حتما مطرح کنید

آگه این آموزش را دوست داشتید به دوستان خود توی شبکه های اجتماعی به اشتراک بزاردید.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام یا پیج یوتیوب پاسخ وردپرس عضو شوید.

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

لینک کپی شد!

نظر شما در این‌باره چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *