تنظیم ابعاد در CSS - نسخهی قابل چاپ +- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir) +-- انجمن: آموزش (/forum-25.html) +--- انجمن: آموزش سی اس اس (/forum-27.html) +--- موضوع: تنظیم ابعاد در CSS (/thread-18357.html) |
تنظیم ابعاد در CSS - saharrahin - ۱۷-۵-۱۳۹۴ ۱۰:۴۱ عصر تنظیم ابعاد در 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
width : این ویژگی در تمام مرورگر ها پشتیبانی میشود.{ min-width:1000px; }
p.ex
{ width:100px; } عرض استاندارد برای طراحی سایت : برای تنظیم عرض استاندارد برای طراحی سایت با توجه به رزولیشن استاندارد و یا رزولیشنی که اکثر مخاطبان از آن اسفاده میکنند (768*1024) ، بهتر است عرض 980px را تنظیم کنید. این عرض طبق استاندارد های صفحات وب انتخاب شده است. |