خصائص Style overflowX
- الصفحة السابقة overflow
- الصفحة التالية overflowY
- العودة إلى الطبقة السابقة مثال على HTML DOM Style
التعريف والاستخدام
overflowX يحدد الخصائص كيفية التعامل مع الجوانب اليسرى واليمنى للمحتوى - إذا كان يتجاوز منطقة المحتوى للعنصر.
نصيحة:استخدم خصائص overflowY لتحديد التقطيع للجوانب العلوية والسفلية.
يرجى الرجوع إلى:
دليل CSS:خصائص overflow-x
مثال
إذا كان النص يتجاوز منطقة المحتوى للعنصر، يتم التمرير الأفقي:
document.getElementById("myDIV").style.overflowX = "scroll";
النحو
إرجاع خصائص overflowX:
عنصر.style.overflowX
إعداد خصائص overflowX:
عنصر.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"
قيمة الخصائص
| القيمة | الوصف |
|---|---|
| مرئي | لم يتم قطع المحتوى، قد يتم عرضه خارج صندوق المحتوى. |
| مخفي | يتم قطع المحتوى - لا يتم تقديم آلية التمرير. |
| تمرير | يتم قطع المحتوى وتقديم آلية التمرير. |
| تلقائي | إذا كان هناك تمرير في الصندوق، يجب تقديم آلية التمرير. |
| الافتراضي | يُضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى الافتراضي. |
| تنسيق | يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى تنسيق. |
تفاصيل التقنية
| القيمة الافتراضية | مرئي |
|---|---|
| القيمة المعدة | السلسلة، تعبر عن العنصر خصائص overflow-x. |
| إصدار CSS: | CSS3 |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة overflow
- الصفحة التالية overflowY
- العودة إلى الطبقة السابقة مثال على HTML DOM Style
