خصائص overflow-x CSS

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

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

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

دليل تعليمات CSS:CSS تدفق

دليل مرجع HTML DOM:overflowX خاصية

مثال

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

div
{
overflow-x:hidden;
}

تجربة شخصية

syntax CSS

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

قيمة الخاصية

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

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

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

دعم المتصفح

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

الرقم مع -ms- يشير إلى إصدار الإضافة الأول.

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