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

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

1 صفوف تعليمية

لغة CSS

4,976 مشاهدة

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

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

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

جرّب بنفسك

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

HTML

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