انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: المحتوي الزائد عن العنصر في لغة CSS

CSS overflow auto خاصية overflow مع القيمة auto في لغة CSS

سوف تتعلم في هذا الدرس كيفية معالجة والتحكم في طفح المتحوي خارج العنصر اذا كان حجم المحتوي أكبر من حجم العنصر عن طريق خاصية overflow في لغة CSS.

1 صفوف تعليمية
لغة CSS
4,976 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُستخدم خاصية overflow مع القيمة auto  ليظهر  scroll فقط عند الحاجه وفي حالات معينة مثل إذا تم عرض الصندوق بحجم مختلف وكان المحتوي أكبر من حجم العنصر علي شاشات مختلفه فسوف يظهر scroll والعكس.

CSS overflow auto

جرّب بنفسك

CSS overflow auto

HTML 
#overflow
{
  background: skyblue;
  color: blue;
  padding: 15px;
  width: 96%;
  height: 60px;
  overflow: auto;
  border: 1px solid black;
}
جرّب بنفسك

جميع فقرات هذا الدرس (المحتوي الزائد عن العنصر في لغة CSS)