خصوصیت overflow-y
مثال (خصوصیت overflow-y)
برش دادن لبه های بالا و پایین محتوای داخل div، در صورتی که محتوا سرریز کند:
{
overflow-y:hidden;
}
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت overflow-y را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، تنظیم overflow-y برای یک عنصر را پشتیبانی نمی کند.
تعریف و کاربرد
با استفاده از خصوصیت overflow-y می توان مشخص کرد هنگامی که محتوا از لبه بالایی یا پایینی سرریز می شود، چه اتفاقی رخ دهد.
برای تشخیص برش دادن لبه سمت راست یا لبه سمت چپ از خصوصیت overflow-x استفاده کنید.
مقدار پیشفرض | visible |
---|---|
ارث بری | خیر |
نسخه | CSS3 |
JavaScript ساختار | object.style.overflowY="scroll" |
نحوه استفاده
مقدار | توضیحات | نمایش دادن |
---|---|---|
visible |
محتوا برش داده نمی شود، و ممکن است از داخل کادر بیرون بزند. |
نمایش دادن » |
hidden |
محتوا برش داده می شود - ولی هیچ مکانیسمی برای scroll شدن فراهم نمی شود. |
نمایش دادن » |
scroll |
محتوا برش داده می شود و scroll می شود. |
نمایش دادن » |
auto |
در صورتی که سرریز رخ دهد، مکانیزم scroll به کار گرفته می شود. |
نمایش دادن » |
no-display |
اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل کادر نمایش داده نمی شود. |
نمایش دادن » |
no-content |
اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل محتوا مخفی می شود. |
نمایش دادن » |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7356
دیدگاهها
خب اینو باید برای کدوم کلاس استفاده کنیم توی css ؟ ؟ ؟
کامل توضیح ندادید.
ممنون میشم بگید.
سپاس فراوان
زمانی
hisharj.com
با سلام و احترام.
چی رو برای کدوم کلاس استفاده کنید.
سؤالتون رو کامل توضیح بدید تا متوجه بشیم که منظور شما چیه دقیقا.
اینطوری بهتر میتونیم راهنمایی کنیم.
با سپاس از شما