۱۷-۵-۱۳۹۴, ۱۰:۴۱ عصر
تنظیم ابعاد در CSS
برای تنظیم ابعاد عناصر در CSS از چند ویژگی میتوان استفاده کرد که مهمترین و اصلی ترین آنها Width و Height میباشد.
در ذیل به توضیح این ویژگی ها با توجه به ورژن تعریف شده در CSS میپردازیم.
height : این ویژگی در تمام مرورگر ها پشتیبانی میشود.
با دو ویژگی max-height و max-width شما میتوانید حداکثر مقدار را برای یک عنصر تنظیم کنید.
max-height : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
max-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
با دو ویژگی min-height و min-width شما میتوانید حداقل مقدار را برای یک عنصر تنظیم کنید.
min-height : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
min-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
عرض استاندارد برای طراحی سایت :
برای تنظیم عرض استاندارد برای طراحی سایت با توجه به رزولیشن استاندارد و یا رزولیشنی که اکثر مخاطبان از آن اسفاده میکنند (768*1024) ، بهتر است عرض 980px را تنظیم کنید. این عرض طبق استاندارد های صفحات وب انتخاب شده است.
برای تنظیم ابعاد عناصر در CSS از چند ویژگی میتوان استفاده کرد که مهمترین و اصلی ترین آنها Width و Height میباشد.
در ذیل به توضیح این ویژگی ها با توجه به ورژن تعریف شده در CSS میپردازیم.
height : این ویژگی در تمام مرورگر ها پشتیبانی میشود.
p.ex
{
height:100px;
}
{
height:100px;
}
با دو ویژگی max-height و max-width شما میتوانید حداکثر مقدار را برای یک عنصر تنظیم کنید.
max-height : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
p
{
max-height:50px;
}
{
max-height:50px;
}
max-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
p
{
max-width:100px;
}
{
max-width:100px;
}
با دو ویژگی min-height و min-width شما میتوانید حداقل مقدار را برای یک عنصر تنظیم کنید.
min-height : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
p
{
min-height:100px;
}
{
min-height:100px;
}
min-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر
p
{
min-width:1000px;
}
width : این ویژگی در تمام مرورگر ها پشتیبانی میشود.{
min-width:1000px;
}
p.ex
{
width:100px;
}
{
width:100px;
}
عرض استاندارد برای طراحی سایت :
برای تنظیم عرض استاندارد برای طراحی سایت با توجه به رزولیشن استاندارد و یا رزولیشنی که اکثر مخاطبان از آن اسفاده میکنند (768*1024) ، بهتر است عرض 980px را تنظیم کنید. این عرض طبق استاندارد های صفحات وب انتخاب شده است.