تنظیم طول و عرض ( Height , Width ) عناصر در CSS

8 / 10 از 17 کاربر

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

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

برای تنظیم عرض استاندارد برای طراحی سایت  با توجه به رزولیشن استاندارد و یا رزولیشنی که اکثر مخاطبان از آن اسفاده میکنند (768*1024) ، بهتر است عرض 980px را  تنظیم کنید. این عرض طبق استاندارد های صفحات وب انتخاب شده است.

مرتضی : عالی
12 3
عالی بود
عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*
دانلود فایل آموزش html بصورت word

دانلود فایل آموزش html بصورت word

دانلود فایل آموزش html بصورت فایل word گردآوری شده از مقالات سایت بصورت یک جا آماده ی دانلود می باشد. این فایل به دلیل فرمت باز بودن word آن، مناسب برای تحقیق ها و تغییرات دلخواه می باشد. تمامی مقال ...
دانلود فایل آموزش html بصورت pdf

دانلود فایل آموزش html بصورت pdf

دانلود فایل آموزش html بصورت فایل pdf گردآوری شده از مقالات سایت بصورت یک جا آماده ی دانلود می باشد. تمامی مقالات وب سایت پارس سافت در زمینه ی آموزش html بنا به درخواست کاربران عزیز، بصورت یک جا در ی ...
نویسنده : بهاره شکری
تاریخ انتشار : 02/05/1392
تعداد بازدید : 20782