الفرق بين المراجعتين لصفحة: «CSS/overflow-y»
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| سطر 77: | سطر 77: | ||
* مواصفة [https://drafts.csswg.org/css-overflow-3/#propdef-overflow-y CSS Overflow Module Level 3]. | * مواصفة [https://drafts.csswg.org/css-overflow-3/#propdef-overflow-y CSS Overflow Module Level 3]. | ||
* مواصفة [https://drafts.csswg.org/css-box-3/#overflow-y CSS Basic Box Model]. | * مواصفة [https://drafts.csswg.org/css-box-3/#overflow-y CSS Basic Box Model]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Property]] | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Box Model]] | [[تصنيف:CSS Box Model|{{SUBPAGENAME}}]] | ||
مراجعة 15:35، 28 يناير 2018
الخاصية overflow-y في CSS تُحدِّد إن كان سيتم اقتصاص (clip) المحتوى، أو سيُعرَض شريط تمرير (scroll bar)، أو سيُعرَض ما يزيد من محتوى العنصر الكتلي فوقه أو تحته.
/* لن يتم اقتصاص المحتوى */
overflow-y: visible;
/* سيتم اقتصاص المحتوى دون عرض شريط تمرير */
overflow-y: hidden;
/* سيتم اقتصاص المحتوى مع عرض شريط تمرير */
overflow-y: scroll;
/* ترك الأمر بيد المتصفح */
overflow-y: auto;
/* القيم العامة */
overflow-y: inherit;
overflow-y: initial;
overflow-y: unset;
| القيمة الابتدائية | visible
|
|---|---|
| تُطبَّق على | عناصر block-level و inline-block غير المُستبدَلة (non-replaced).
|
| قابلة للوراثة | لا |
| قابلة للتحريك | لا |
| القيمة المحسوبة | كما حُدِّدَت. |
أمثلة
راجع صفحة العنصر overflow لترى أثر استخدام مختلف القيم مع هذه الخاصية.
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 3.5 | 5.0 | 9.5 | 3.0 |
البنية العامة
تقبل هذه الخاصية قيمةً واحدةً هي كلمةٌ محجوزةٌ من الكلمات المذكورة أدناه.
القيمة visible
لن يتم اقتصاص المحتوى، لكن يمكن أن يُعرَض خارج صندوق المحتوى التابع للعنصر.
سيتم اقتصاص المحتوى، ولن يعرض المتصفح شريط تمرير.
القيمة scroll
سيتم اقتصاص المحتوى، وستعرض المتصفحات أشرطة تمرير سواءً تم اقتصاص المحتوى أم لا، وهذا يجعلنا نتفادى مشكلة ظهور واختفاء شريط التمرير في الصفحات الديناميكية.
لاحظ أنَّ الطابعات قد تطبع المحتوى الذي يزيد عن صندوق المحتوى.
القيمة auto
ترك الخيار بيد البرمجية التي تُعالِج المستند، فمثلًا ستعرض متصفحات الحواسيب شريط تمرير إن تجاوز المحتوى صندوق المحتوى.
البنية الرسمية
overflow-y: visible | hidden | scroll | auto;
مصادر ومواصفات
- مواصفة CSS Overflow Module Level 3.
- مواصفة CSS Basic Box Model.