خصائص overflow-y CSS

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

خصائص overflow-y تحدد ما إذا كان يجب قطع المحتوى من الأعلى والأسفل - إذا كان هناك تمرير خارج منطقة المحتوى للعنصر.

نصيحة:استخدام overflow-x لتحديد القطع للحواف اليسرى واليمنى.

دليل CSS:CSS التمرير

دليل HTML DOM:خصائص overflowY

مثال

قطع الحواف اليسرى واليمنى لمحتوى div - إذا كان هناك تمرير خارج منطقة المحتوى للعنصر:

div
{
overflow-y:hidden;
}

تجربة شخصية

جملة CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

قيمة الخاصية

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

تفاصيل التقنية

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

دعم المتصفح

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

الرقم مع -ms- يشير إلى الإصدار الأول الذي يستخدم البادئة.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5