خصوصیت overflow CSS

تعریف و استفاده

overflow این ویژگی تعیین می‌کند که چه اتفاقی باید رخ دهد هنگامی که محتوا از قاب عنصر خارج می‌شود.

توضیحات

این ویژگی تعیین می‌کند که محتوای عنصر پرش کردن‌دار چگونه باید پردازش شود. اگر مقدار scroll باشد، کاربر代理人 همیشه یک مکانیزم اسکرول‌دهی ارائه می‌دهد، بنابراین ممکن است اسکرول‌باری حتی اگر تمام محتوا در قاب عنصر جا می‌شود، نمایش داده شود.

لطفاً به این بخش‌ها مراجعه کنید:

آموزش CSS:پوزیشن CSS

دستورالعمل HTML DOM:ویژگی overflow

مثال

تنظیم ویژگی overflow:

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

آزمایش کنید

قوانین CSS

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

مقدار ویژگی

مقدار توضیحات
visible مقدار پیش‌فرض. محتوا بریده شده نیست و در خارج از قاب عنصر نمایش داده می‌شود.
hidden محتوا بریده شده است و محتوای باقی‌مانده قابل مشاهده نیست.
scroll محتوا بریده شده است، اما مرورگر اسکرول‌باری را نمایش می‌دهد تا بتوانید محتوای باقی‌مانده را مشاهده کنید.
auto اگر محتوا بریده شده باشد، مرورگر اسکرول‌باری را نمایش می‌دهد تا بتوانید محتوای باقی‌مانده را مشاهده کنید.
inherit این ویژگی مقدار overflow را از عنصر والد می‌گیرد.

جزئیات فنی

مقدار پیش‌فرض: visible
erbiate no
نسخه: CSS2
قوانین جاوااسکریپت: object.style.overflow="scroll"

مثال‌های بیشتر

چگونه از اسکرول‌بار برای نمایش محتوای پرش کردن‌ها (overflow) در داخل عنصر استفاده کنید
این مثال نشان می‌دهد که چگونه می‌توانید از ویژگی overflow برای تعیین رفتار مناسب هنگامی که محتوای عنصر بزرگتر از فضای تعیین شده است استفاده کنید.
چگونه محتوای پرش کردن‌ها (overflow) در عنصر پرش کردن‌دار (overflowing) را پنهان کنید
این مثال نشان می‌دهد که چگونه می‌توانید از ویژگی overflow برای پنهان کردن محتوای یک عنصر استفاده کنید که بزرگتر از فضای تعیین شده است و نمی‌تواند در آن جا قرار گیرد.
چگونه مرورگر را تنظیم کنید تا به طور خودکار با پرش کردن‌ها (overflow) رفتار کند
این مثال نشان می‌دهد که چگونه می‌توانید مرورگر را تنظیم کنید تا به طور خودکار با پرش کردن‌ها (overflow) رفتار کند.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0