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

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

تنظیم ابعاد در 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

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

پاسخی بگذارید

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

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