ویژگی Style overflow

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

overflow تنظیم یا بازگشت نحوه نمایش محتوای خارج از قاب عناصر.

توضیحات:برای پنهان کردن نوار کشی کل مستند، از ویژگی overflow عناصر body یا html استفاده کنید.

لطفاً به:

آموزش CSS:پر کردن CSS

آموزش CSS:محاسبه موقعیت CSS

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

مثال

مثال 1

استفاده از ویژگی overflow برای رول کردن محتوای پر شده:

document.getElementById("myDIV").style.overflow = "scroll";

تست کنید

مثال 2

استفاده از ویژگی overflow برای پنهان کردن محتوای پر شده:

document.getElementById("myDiv").style.overflow = "hidden";

تست کنید

مثال 3

بازگشت ویژگی overflow:

alert(document.getElementById("myDiv").style.overflow);

تست کنید

جملات

بازگشت ویژگی overflow:

اجسام.style.overflow

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

اجسام.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض: مشخص است
مقدار بازگشتی: رشته، که محتوای رندر شده خارج از قاب عناصر را نشان می‌دهد.
نسخه CSS: CSS2

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی