آموزش طراحی وب

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

دوستان در این جلسه ی آموزشی در رابطه با طول و عرض در css صحبت می کنیم .

CSS

فصل چهارم : Properties در CSS

جلسه یازدهم: تنظیمات طول و عرض در css

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

دوستان در این جلسه ی آموزشی در رابطه با طول و عرض در css صحبت می کنیم . خیلی سادست .

 

خاصیت height

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

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

Auto : مرورگر بصورت خودکار ارتفاع رو تشخیص میده ، مقدار پیشفرض این خاصیت هست .

Lengh : شما میتونید از مقیاس های em , px , %  برای تعیین ارتفاع استفاده کنید .

Initial : مقدار پیشفرض این خاصیت هست .

Inherit : در صورتی که عنصر فرزند این مقدار رو داشته باشه ، هر چی که مقدار عنصر والد باشه به ارث میبره .

 

خاصیت  min-height

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

خاصیت max-height

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

 

خاصیت width

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

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

Auto : مرورگر بصورت خودکار عرض رو تشخیص میده ، مقدار پیشفرض این خاصیت هست .

Lengh : شما میتونید از مقیاس های em , px , %  برای تعیین عرض استفاده کنید .

Initial : مقدار پیشفرض این خاصیت هست .

Inherit : در صورتی که عنصر فرزند این مقدار رو داشته باشه ، هر چی که مقدار عنصر والد باشه به ارث میبره .

 

خاصیت min-width

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

خاصیت max-width

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

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

 

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

موفق و پاینده باشید 🙂

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

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

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

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

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین