در مطالب قبلی در مورد رابط کاربری در زبان CSS3 مقدمه ای را برای شما ارائه کردیم.در این آموزش قصد داریم تا تا دقیق تر به این موضوع بپردازیم و خواص موجود در این مبحث را برای شما تشریح و بررسی کنیم.خاصیتی که در زیر به بررسی آن می پردازیم خاصیت resize است.
خاصیت resize :
خاصیت resize ، تعیین می کند که آیا کاربر می تواند اندازه یک عنصر را بر روی صفحه تغییر دهد یا خیر .
برای مثال ، اگر مقدار این خاصیت را برای یک کادر متن تنظیم نمایید ، کاربر می تواند با عمل درگ کردن ، آن عنصر را بزرگ یا کوچک نماید .
شکل کلی استفاده از این خاصیت به صورت زیر است :
Syntax: resize: none | both| horizontal | vertical
; resize : both:مثال
توضیح هر یک از موارد syntax :
none:
مقدار none تعیین می کند که اندازه عنصر ثابت بوده و قابل بزرگ و کوچک شدن نیست .
مقدار پیش فرض است .
both:
مقدار both تعیین می کند که کاربر می تواند عنصر را در دو جهت عمودی و افقی بزرگ یا کوچک نماید .
vertical:
مقدار vertical تعیین می کند که کاربر می تواند عنصر را در جهت عمودی بزرگ یا کوچک نماید .
horizontal:
مقدار horizontal تعیین می کند که کاربر می تواند عنصر را در جهت افقی بزرگ یا کوچک نماید .
پشتیانی در مرورگر های مختلف :
اکثر مرورگر های مطرح به جز نابغه معروف به صورت عادی از این خاصیت پشتیانی می کنند .
کد لازم برای پشتیانی نوع مرورگر:
مرورگر فایر فاکس و کروم :
پشتیانی عادی .
مرورگر اوپرا و IE:
پشتیانی نمی شود .
