خصائص تمرير الزيادة لـ CSS

التوصيات الدراسية:

التعريف والاستخدام overflow

تحدد هذه الخاصية ما يحدث عند تجاوز المحتوى للعنصر.

الشرح

هذه الخاصية تحدد كيفية التعامل مع محتوى العنصر المزدحم. إذا كانت القيمة scroll، فإن المستعرض سيقدم ميكانيكية التمرير سواء كان ذلك ضروريًا أم لا. لذا، قد يظهر شريط التمرير حتى إذا كان يمكن وضع جميع المحتويات داخل حاوية العنصر.

شاهد أيضًا:توضيح CSS:

دليل HTML DOM:خاصية overflow

مثال

إعداد خاصية overflow:

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

جرب بنفسك

جافا سكربت:

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

قيمة الخاصية

القيمة الوصف
مرئي القيمة الافتراضية. لن يتم تقطيع المحتوى، وسيكون موجودًا خارج حاوية العنصر.
مخفي سيتم تقطيع المحتوى، وسيكون المحتوى المتبقي غير مرئي.
تمرير سيتم تقطيع المحتوى، ولكن المتصفح سيظهر شريط التمرير لعرض المحتوى المتبقي.
تلقائي إذا تم تقطيع المحتوى، فإن المتصفح سيظهر شريط التمرير لعرض المحتوى المتبقي.
توريث يُحدد هذا النص أن يجب أن يتم توريث قيمة خاصية overflow من العنصر الأم.

تفاصيل تقنية

القيمة الافتراضية: مرئي
التنسيق: لا
الإصدار: CSS2
جافا سكربت: object.style.overflow="scroll"

مزيد من الأمثلة

كيفية استخدام شريط التمرير لعرض المحتوى المزاحم داخل العنصر
هذا المثال يوضح كيفية إعداد خاصية overflow لتعريف الفعل المناسب عند تجاوز المحتوى للمنطقة المحددة.
كيفية اخفاء المحتوى الزائد في العنصر المزدحم
هذا المثال يوضح كيفية إعداد خاصية overflow لاخفاء المحتوى عند تجاوز المحتوى للمنطقة المحددة في العنصر.
كيفية إعداد المتصفح للتعامل تلقائيًا مع الزيادة في الحجم
هذا المثال يوضح كيفية إعداد المتصفح للتعامل تلقائيًا مع الزيادة في الحجم.

دعم المتصفح

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0