خصوصیت resize

چاپ

مثال (خصوصیت resize)

مشخص کردن اینکه آیا یک عنصر div بتواند توسط کاربر تغییر سایز پیدا کند:

div
{
resize:both;
overflow:auto;
}
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

مرورگرهای 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)