سبد (0)

خصوصیت overflow-y

مثال (خصوصیت overflow-y)

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

div
{
overflow-y:hidden;
}
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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

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

نمایش دادن »
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه