الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة

شاطر
 

 الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
admin

admin

نوع المتصفح موزيلا

صلي على النبي

صل الله عليه وسلم


انجازاتي
لايتوفر على اوسمة بعد:  

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Empty
مُساهمةموضوع: الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة   الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Empty2011-07-19, 02:43

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Css-basic-lesson

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



في css2 يمكننا استخدام الخاصية بـ4 قيم مختلفة كما موضح بالجدول ثم شرح مفصل لكل حالة على حدة والفرق بينهم:

Property Value Description
overflow: visible جميع المحتويات مرئية وهي القيمة الإفتراضية.
overflow: hidden المحتويات الفائضة او الخارجة عن الإطار الحاوي لن تظهر.
overflow: scroll في حالة تجاوز المحتويات يظهر شريط التمرير.
overflow: auto وتعني تعميم الوصول أي في حال كانت المحتويات زائدة أظهر شريط التمرير.
الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة 57889
الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Overflow_visible

ظهرت هنا جميع المحتويات وتخطت الصندوق كما لم تؤثر على العناصر التالية
ولم تدفعها لنهاية المحتوى كما في الوضع الطبيعي دون تحديد ارتفاع، يمكن
أن تظهر في متصفحات IE ومع الأعمدة التى عامت وتجانبت بالخاصية float أن
الصور الكبيرة والتى لا تجد مساحة للتمدد في الإتجاه الأفقي -كما في
المثال- أن تؤثر على التخطيط حيث يسقط العمود المجاور للأسفل.

القيمة hidden


هنا لا يوجد فائض حيث أن القيمة تقوم بإخفاء أي محتويات تتطلب مساحة عرض
أكبر، مع الوضع في الإعتبار أن أي محتويات تم إخفائها لا يمكن الوصول
إليها -طبعاً موجودة في مصدر الصفحة- وتستخدم عادة عند تخطيط المواقع
الإخبارية والمجلات المتغيرة المحتوى لتفادي تشوه التصميم في حالة الصور
الكبيرة، كما ذكرنا في درس سابق.

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة 57889




الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Overflow_hidden

القيمة scroll


تخفي المحتويات الزائدة أيضا ولكن مع الإختلاف أنها توفر شريط تمرير
بحيث يمكن الوصول الى المحتويات المخفية و رؤيتها، لكن المشكلة أن شريط
التمرير في هذه الحاله يظهر دائما في المستوى الأفقي والرأسي سواء كانت
هناك محتويات زائدة أو لا!

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة 57889




الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Overflow_scroll

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Overflow_scroll3

لا توجد محتويات زائدة ومخفية ومع ذلك ظهرت أشرطة التمرير دون الحاجة إليها.

القيمة auto


تشبه هذه القيمة سابقتها إلا أنها تحل مشكلة ظهور أشرطة التمرير دائما،
حيث تظهر عند الحاجة إليها فقط عندما يكون هناك محتويات زائدة تم إخفائها
سواء في الإتجاه الأفقي أو الرأسي.

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة 57889




الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Overflow_auto2

المحتويات الزائدة في الإتجاة الأفقي فقط ولهذا ظهر شريط التمرير واختفى في الإتجاه الاخ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
AZER16

AZER16

نوع المتصفح موزيلا

صلي على النبي

صل الله عليه وسلم


انجازاتي
لايتوفر على اوسمة بعد:  

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Empty
مُساهمةموضوع: رد: الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة   الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Empty2011-07-19, 18:51

شكراا جزيلاا
و بارك الله فيك
اخي الكريم
*
*
*
اجمل تحية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
كيداهم

كيداهم

نوع المتصفح موزيلا

صلي على النبي

صل الله عليه وسلم


الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Empty
مُساهمةموضوع: رد: الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة   الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة Empty2012-02-04, 13:27

الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة 569155
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الخاصية overflow، عندما يكون المحتوى أكبر من المساحة المحددة
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» من روائع و درر الشيخ الغزالى رحمه الله
»  عندما يكون للموت أشكال؟؟
» ~ عندما يكون آدم عاشقاً ~ بقلمي
» ابتسم عندما يكون عندك اعداء
» عندما يكون المصور محترفا (ضاع نصف عمرك ان لم تدخل هنا)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة سيدي عامر :: خدمات شبكة سيدي عامر :: أحلى منتدى :: عالم الأكواد :: دروس و مقالات css-
انتقل الى: