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

CSS overflow-x and overflow-y خاصية overflow-x و overflow-y في لغة CSS

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

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

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

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

تُستخدم خاصية overflow-x وخاصية overflow-y في لغة CSS لعمل scroll أفقي أو scroll رأسي أو الأثنين معاً.

overflow-x يتحكم scroll في الجانب الأيمن والجانب الأيسر.

overflow-x يتحكم scroll في الأعلي والأسفل.

جرّب بنفسك

CSS overflow-x and overflow-y

HTML 
#overflow
{
  background: skyblue;
  color: blue;
  padding: 15px;
  width: 96%;
  height: 120px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid black;
}
جرّب بنفسك

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