خاصية تجاوز النمط
مثال
استخدم خاصية overflow لتمرير المحتوى الفائض:
document.getElementById("myDIV").style.overflow = "scroll";
التعريف والاستخدام
تقوم خاصية overflow بتعيين أو إرجاع ما يجب فعله بالمحتوى الذي يتم عرضه خارج مربع العنصر.
تلميح: إذا كنت تريد إخفاء أشرطة التمرير للمستند بأكمله ، فاستخدم خاصية overflow في النص الأساسي أو عنصر html.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
إعادة خاصية تجاوز السعة:
object.style.overflow
قم بتعيين خاصية تجاوز السعة:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
قيم الملكية
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | مرئي |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل المحتوى الذي يتم عرضه خارج مربع العنصر |
إصدار CSS | CSS2 |
مزيد من الأمثلة
مثال
استخدم خاصية overflow لإخفاء المحتوى الفائض:
document.getElementById("myDiv").style.overflow = "hidden";
مثال
إعادة خاصية تجاوز السعة:
alert(document.getElementById("myDiv").style.overflow);
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS Overflow
برنامج CSS التعليمي: CSS Positioning
مرجع CSS: خاصية تجاوز السعة
❮ نمط الكائن