resize
css resize playground
resize
خاصية resize
هي خاصية في CSS تحدد إمكانية تغيير حجم عنصر HTML عن طريق تغيير حجم الإطار الذي يحتوي عليه العنصر. تستخدم هذه الخاصية لتمكين أو تعطيل إمكانية تغيير حجم عنصر HTML بشكل يدوي عن طريق المستخدم.
تتوفر قيمتين لخاصية resize
وهما:
none
: تعطيل إمكانية تغيير حجم العنصر بشكل يدوي.both
: تمكين إمكانية تغيير حجم العنصر بشكل يدوي بالاتجاهين الأفقي والعمودي.
يمكن تحديد خاصية resize
باستخدام CSS، على سبيل المثال:
/* تعطيل إمكانية تغيير حجم العنصر بشكل يدوي */
.item {
resize: none;
}
/* تمكين إمكانية تغيير حجم العنصر بشكل يدوي بالاتجاهين الأفقي والعمودي */
.item {
resize: both;
}
تستخدم خاصية resize
عادة لتحكم في إمكانية تغيير حجم عنصر HTML عن طريق تغيير حجم الإطار الذي يحتوي عليه العنصر. وتستخدم على نطاق واسع في تصميم النماذج والنوافذ القابلة للتغيير الحجم والمحررات النصية.
اختبار css resize
اضغط على start التي في منتصف الاختبار لبدء الاختبار