خصوصیت overflow-y

مثال

برش دادن لبه های بالا و پایین محتوای داخل div، در صورتی که محتوا سرریز کند:

div
{
overflow-y:hidden;
}

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

    

تمام مرورگرهای اصلی، خصوصیت overflow-y را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، تنظیم overflow-y برای یک عنصر را پشتیبانی نمی کند.

تعریف و کاربرد

با استفاده از خصوصیت overflow-y می توان مشخص کرد هنگامی که محتوا از لبه بالایی یا پایینی سرریز می شود، چه اتفاقی رخ دهد.

برای تشخیص برش دادن لبه سمت راست یا لبه سمت چپ از خصوصیت overflow-x استفاده کنید.

مقدار پیشفرض visible
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.overflowY="scroll"

نحوه استفاده

overflow-y: visible|hidden|scroll|auto|no-display|no-content;
مقدار توضیحات نمایش دادن
visible

محتوا برش داده نمی شود، و ممکن است از داخل کادر بیرون بزند.
hidden

محتوا برش داده می شود - ولی هیچ مکانیسمی برای scroll شدن فراهم نمی شود.
scroll

محتوا برش داده می شود و scroll می شود.
auto

در صورتی که سرریز رخ دهد، مکانیزم scroll به کار گرفته می شود.
no-display

اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل کادر نمایش داده نمی شود.
no-content

اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل محتوا مخفی می شود.