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

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

حتما بخوانید: تنظیم لیست ها CSS Styling List

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;
}

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

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

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

و اما کلام آخر…

تنظیم طول و عرض عناصر در CSS ابزاری قدرتمند برای کنترل طراحی وب است. با استفاده از ویژگی‌های width، height، max-width، min-width، max-height و min-height، شما قادر خواهید بود ابعاد عناصر را به دقت تنظیم کنید و تجربه کاربری بهتری را فراهم آورید.