ویژگی overflow-y CSS

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

ویژگی overflow-y تعیین می‌کند که آیا باید لبه‌های بالا/پایین محتوا برش داده شود یا خیر - اگر محتوا عناصر پر شده باشد.

توجه:استفاده overflow-x ویژگی برای تعیین برش لبه‌های چپ/راست است.

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

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

مثال

لبه‌های چپ/راست محتوا عناصر div را برش دهید - اگر محتوا عناصر پر شده باشد:

div
{
overflow-y:hidden;
}

آزمایش کنید

قوانین CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

مقدار ویژگی

مقدار توضیح آزمایش
محسوس محتوا را برش ندهید، ممکن است در خارج از جعبه محتوا نمایش داده شود. آزمایش
hidden محتوا را برش دهید - ارائه مکانیزم اسکرول نمی‌کند. آزمایش
scroll محتوا را برش دهید - ارائه مکانیزم اسکرول. آزمایش
auto اگر جعبه پر شده باشد، باید مکانیزم اسکرول ارائه شود. آزمایش
no-display اگر محتوا با جعبه محتوا سازگار نباشد، کل جعبه را حذف کنید. آزمایش
no-content اگر محتوا با جعبه محتوا سازگار نباشد، کل محتوا را پنهان کنید. آزمایش

جزئیات فنی

مقدار پیش‌فرض: محسوس
ارث‌پذیری: خیر
نسخه: CSS3
قوانین جاوااسکریپت: object.style.overflowY="scroll"

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

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

اعداد دارای -ms- نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5