دليل مرجعي لـ CSS

قواعد CSS (@RULES)

مجموعة كاملة من خصائص CSS

طريقة استخدام خاصية resize في CSS3 ومثال

خصائص CSS للتحديد ما إذا كان يمكن لتلك العنصر أن يتم ضبط حجمه من قبل المستخدم (إذا كان ممكناً) وكيفية التباعد في الاتجاه.

جدول التالي يوضح شرح استخدام هذه الخاصية و سجله التاريخي، بالإضافة إلى قواعد النحو لاستخدام هذه الخاصية في سكربتات JavaScript.

القيمة الافتراضية:	none
يُستخدم مع:	مرئيالإزاحةبجانب
العناصر	الوراثة:
لا	يمكن تفعيلها بشكل ديناميكي:لا يرجى الرجوع إلى。
خصائص الرسوم المتحركة	الإصدار:
ميزات جديدة في CSS3	اللغة البرمجية JavaScript.style.resize="both"

قواعد النحو لاستخدام resize

قواعد النحو لهذه الخاصية هي:

resize:　none　|　both　|　horizontal　|　vertical　|　initial　|　inherit

في المثال التالي، يتم عرض كيفية استخدام خاصية resize.

مثال

　　textarea　{
　　　resize:　none;
　　}
　　div　{
　　　resize:　both;
　　　overflow:　auto;
　　}

اختبار ل‹/›

ملاحظة: تطبيق خاصية resize على عنصر، يحدد الحجم المرتبح للعنصرoverflowالقيمة هي visible. إذا كان overflow في المحور المحدد (إلىoverflow-xمقابل overflow-yمختلفة، فإن هذه الخاصية تنطبق على الأحجام المرئية التي لا تحتوي على قيمة.

قيمة الخاصية

جدول التالي يصف قيم هذه الخاصية.

القيمة	الوصف
none	المستخدم لا يمكنه تعديل حجم العنصر. هذا هو القيمة الافتراضية.
both	العنصر يظهر ميكانيكية تحجيم ثنائية الاتجاه، مما يسمح للمستخدم بتعديل طول وعرض العنصر.
horizontal	العنصر يظهر ميكانيكية تحجيم أفقي أحادية الاتجاه، مما يسمح للمستخدم بتعديل عرض العنصر فقط.
vertical	العنصر يظهر ميكانيكية تحجيم عمودية أحادية الاتجاه، مما يسمح للمستخدم بتعديل طول العنصر فقط.
initial	اعتماد هذا الخصائص إلى قيمته الافتراضية.
inherit	إذا تم تحديد هذا، فإن الخاصية resize للعناصر المرتبطة تأخذ قيمة الخاصية resize للعنصر الأب.

مستوى التطابق للمتصفح

مستوى التطابق للمتصفح الخاص بخصائص resize، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.

	Firefox 4+ Google Chrome3+ Internet Explorer × Apple Safari 3+ Opera 15+

قراءة متعمقة

يرجى الرجوع إلى التعليمات التالية:CSS Overflow。

خصائص مرتبطة:overflow،overflow-x،overflow-y

خصائص right في CSS خصائص quotes في CSS