مثال (خصوصیت resize)
مشخص کردن اینکه آیا یک عنصر div بتواند توسط کاربر تغییر سایز پیدا کند:
div
{
resize:both;
overflow:auto;
}
خودتان امتحان کنید »{
resize:both;
overflow:auto;
}
پشتیبانی مرورگرها
مرورگرهای Chrome، Safari و Firefox خصوصیت resize را پشتیبانی می کنند.
تعریف و کاربرد
با استفاده از خصوصیت resize می توان مشخص کرد که یک کاربر می تواند عنصری را تغییر سایز دهد یا خیر.
توجه: خصوصیت resize برای عناصری به کار می رود که خصوصیت overflow آن هر مقداری به جز "visible" باشد
| مقدار پیشفرض | none |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.resize="both" |
نحوه استفاده
resize: none|both|horizontal|vertical:
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| none | کاربر نمی تواند سایز عنصر را تغییر دهد. | نمایش دادن » |
| both | کاربر می تواند هم سایز ارتفاع و هم سایز عرض یک عنصر را تغییر دهد. | نمایش دادن » |
| horizontal | کاربر می تواند سایز عرض یک عنصر را تنظیم کند. | نمایش دادن » |
| vertical | کاربر می تواند سایز ارتفاع یک عنصر را تنظیم کند. | نمایش دادن » |
بیاموزهای مرتبط
CSS3 User Interface (بیاموز CSS3)
