CSS overflow نمائش

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

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

شرح

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

انظر أيضًا:

دليل CSSتوضيح CSS

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

مثال

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

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

جرب بنفسك

جملة CSS

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