Home / آموزش / تنظیم طول و عرض Height , Width عناصر جلسه هفتم

تنظیم طول و عرض Height , Width عناصر جلسه هفتم

تنظیم طول و عرض Height , Width عناصر جلسه هفتمReviewed by Reza\sh on Sep 7Rating:

تنظیم ابعاد در CSS

تنظیم ابعاد در CSS
تنظیم ابعاد در CSS

برای تنظیم ابعاد عناصر در CSS از چند ویژگی میتوان استفاده کرد که مهمترین و اصلی ترین آنها Width و Height میباشد.

در ذیل به توضیح این ویژگی ها با توجه به ورژن تعریف شده در CSS میپردازیم.

height : این ویژگی در تمام مرورگر ها پشتیبانی میشود.

p.ex

{
height:100px;

}

با دو ویژگی max-height و max-width شما میتوانید حداکثر مقدار را برای یک عنصر تنظیم کنید.

max-height : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

p

{
max-height:50px;
}

max-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

p

{
max-width:100px;
}

با دو ویژگی min-height و min-width شما میتوانید حداقل مقدار را برای یک عنصر تنظیم کنید.

min-height : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

p

{
min-height:100px;
}

min-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

p

{
min-width:1000px;
}

width : این ویژگی در تمام مرورگر ها پشتیبانی میشود.

p.ex

{
width:100px;
}

عرض استاندارد برای طراحی سایت :

برای تنظیم عرض استاندارد برای طراحی سایت با توجه به رزولیشن استاندارد و یا رزولیشنی که اکثر مخاطبان از آن اسفاده میکنند (۷۶۸*۱۰۲۴) ، بهتر است عرض ۹۸۰px را تنظیم کنید. این عرض طبق استاندارد های صفحات وب انتخاب شده است.

لینک کوتاه مطلب : http://7plugin.ir/?p=584

درباره reza\sh

سلام خدمت شما خوبان، من رضا متولد ۱۳۷۶ طراح سایت وبرنامه نویس تحت وب به زبان های html,css,Javascript,jQueryو برنامه نویسی سمت سرور باphp وتا حدی آشنایی با برنامه نویسی اندروید.وحوزه شبکه و امنیت آن را دارم،و وعلاقه شدیدی به یاد گیری مطالب جدید وآموزش آن ها هستم.

پاسخ دهید

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

سوال امنیتی * لطفا معادله امنیتی را مجددا بارگذاری کنید