دليل CSS

قواعد @CSS

خصائص overflow في CSS تحدد ما إذا كان يتم قطع المحتوى عند تجاوزه حجمة العنصر، أو عرض عمود التدول، أو عرض المحتوى المتراكم.

جدول التالي يوضح كيفية استخدام الخاصية هذه، وتاريخ الإصدارات، وكيفية استخدام الخاصية في سكربت الجافا سكربت.

القيمة الافتراضية:	visible
التطبيق:	Block, inline-block و flex containers
الوراثة:	لا
يمكن تحريكه:	لايرجى الرجوع إلى خصائص الرسوم المتحركة。
الإصدار:	CSS 2、3
جملة البرمجة الجافا سكربت:	object.style.overflow="scroll"

جملة هذا الخاصية كالتالي:

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

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

مثال

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow:　scroll;
　　}

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

القيمة	الوصف
visible	لم يتم قطع المحتوى؛ سيتم رسمه خارج حجمة العنصر، لذا قد يتداخل مع محتوى آخر. هذا هو القيمة الافتراضية.
hidden	سيتم قطع محتوى العنصر المتجاوز للحجمة، وسيكون المحتوى المتبقي غير مرئي.
scroll	سيتم قطع المحتوى المتراكم كأنه مخفي، ولكن سيتم تقديم ميكانيكية التدول لتحديد المحتوى المتراكم.
auto	إذا كان المحتوى يتجاوز حجمة العنصر، سيوفر ذلك عمود التدول لرؤية المحتوى المتبقي.
initial	ضع الخاصية هذه في قيمتها الافتراضية.
inherit	إذا تم تحديد هذا، فإن العناصر المرتبطة ستستخدم نفس قيمة الخاصية overflow لليونيت الأم.

توافق متصفحات المستعرض للخصائص overflow، الأرقام في الجدول التالي تعكس إصدار أحدث متصفح يدعم الخاصية؛ جميع المتصفحات الشائعة يدعمون الخاصية.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

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

الخصائص ذات الصلة:overflow-x،overflow-y،clip،word-wrap。