خصائص CSS resize
التعريف والاستخدام
خصائص resize تحدد ما إذا كان يمكن تعديل حجم العنصر بواسطة المستخدم.
ملاحظة:لإجراء هذه الخاصية، يجب تعيين خاصية overflow للعنصر، والقيمة يمكن أن تكون auto أو hidden أو scroll.
انظر أيضًا:
دليل CSS3واجهة المستخدم CSS3
دليل HTML DOMخصائص resize
مثال
يحدد هذا العنصر يمكن تعديل حجم div عن طريق المستخدم:
div
{
resize:both;
overflow:auto;
}
جملة CSS
resize: none|both|horizontal|vertical;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| لا شيء | لا يستطيع المستخدم تعديل حجم العنصر. |
| كلاهما | يستطيع المستخدم تعديل طول وعرض العنصر. |
| أفقية | يستطيع المستخدم تعديل عرض العنصر. |
| عمودي | يستطيع المستخدم تعديل طول العنصر. |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| التنقلية: | لا |
| الإصدار: | CSS3 |
| جافا سكربت الجملة: | object.style.resize="both" |
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.
الرقم الذي يحتوي على -moz- يشير إلى إصدار الإضافة الأول الذي يستخدم البادئة.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
