مثال
استخدام الخاصية تجاوز للتمرير المحتوى فيضان:
document.getElementById("myDIV").style.overflow = "scroll"; انها محاولة لنفسك » تعريف والاستخدام
مجموعات الممتلكات تجاوز أو إرجاع ما يجب القيام به مع المحتوى الذي يجعل خارج منطقة الجزاء عنصر.
Tip: إذا كنت ترغب في إخفاء أشرطة التمرير من المستند بأكمله، استخدم خاصية تجاوز على الجسم أو العنصر أتش تي أم أل.
دعم المتصفح
ويدعم خاصية تجاوز في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات تجاوز:
object .style.overflow
تعيين الخاصية تجاوز:
object .style.overflow="visible|hidden|scroll|auto|initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| visible | المحتوى NOT قص ويمكن أن تظهر خارج منطقة الجزاء عنصر. هذا هو الافتراضي |
| hidden | لا يظهر محتوى خارج منطقة الجزاء عنصر |
| scroll | تضاف أشرطة التمرير، ويتم قص المحتوى عند الضرورة |
| auto | يتم قص المحتوى وتضاف أشرطة التمرير عند الضرورة |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | مرئي |
|---|---|
| قيمة الإرجاع: | سلسلة تمثل المحتوى الذي يجعل خارج منطقة الجزاء عنصر |
| صفحة CSS | CSS2 |
مزيد من الأمثلة
مثال
استخدام الخاصية تجاوز لإخفاء محتوى فيضان:
document.getElementById("myDiv").style.overflow = "hidden"; انها محاولة لنفسك » مثال
إعادة الممتلكات تجاوز:
alert(document.getElementById("myDiv").style.overflow); انها محاولة لنفسك » صفحات ذات صلة
CSS التعليمي: CSS لتحديد المواقع
CSS المرجع overflow property
<كائن نمط