انتقل إلى محتوى الدرس

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

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

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

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

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

تُستخدم خاصية overflow مع القيمة scroll في لغة CSS ليظهر scroll داخل الصندوق لكي يتم قراءة المحتوي الزائد عن حجم الصندوق أو العنصر في حال أن المحتوي أكبر من حجم الصندوق.

CSS overflow scroll

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

HTML
#overflow
{
  background: skyblue;
  color: blue;
  padding: 15px;
  width: 96%;
  height: 60px;
  overflow: scroll;
  border: 1px solid black;
}