مثال
تحديد أن <div> عنصرا قابلا للتحجيم من قبل المستخدم:
div {
resize: both;
overflow: auto;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
تحدد الخاصية بتغيير ما إذا كان أو لم يكن العنصر يمكن تغيير حجم من قبل المستخدم.
Note: خاصية تغيير حجم ينطبق على العناصر التي هي شيء آخر غير قيمة الفائض محسوب "visible" .
| القيمة الافتراضية: | none |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.resize="both" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها -moz- تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| resize | 4.0 | غير معتمد | 5.0 4.0 -moz- | 4.0 | 15.0 |
CSS بناء الجملة
resize: none|both|horizontal|vertical|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| none | القيمة الافتراضية. لا يمكن للمستخدم تغيير حجم عنصر | العبها " |
| both | يمكن للمستخدم ضبط كل من الطول والعرض للعنصر | العبها " |
| horizontal | يمكن للمستخدم ضبط عرض العنصر | العبها " |
| vertical | يمكن للمستخدم ضبط ارتفاع عنصر | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
السماح للمستخدم تغيير حجم فقط ذروة <div> العنصر:
div
{
resize: vertical;
overflow:
auto;
}
انها محاولة لنفسك » مثال
السماح للمستخدم تغيير حجم فقط من عرض <div> العنصر:
div
{
resize: horizontal;
overflow:
auto;
}
انها محاولة لنفسك » مثال
افتراضيا، <textarea> العناصر يمكن تغيير حجم. استخدام خاصية تغيير حجم لمنع تيكستارياس ليكون حجمها (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
انها محاولة لنفسك » صفحات ذات صلة
CSS3 البرنامج التعليمي: CSS3 واجهة المستخدم
HTML DOM إشارة: resize property