سبد (0)

تبلیغات

خصوصیت overflow

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

تنظیم کردن خصوصیت overflow برای scroll شدن عنصر:

div
{
width:150px;
height:150px;
overflow:scroll;
}
خودتان امتحان کنید »

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

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
visible

سرریز برش داده نمی شود و محتوا از کادر عنصر بیرون می زند. این مقدار پیش فرض است.

نمایش دادن »
hidden

سرریز برش داده می شود و محتوای سرریز شده نمایش داده نمی شود.

نمایش دادن »
scroll

سرریز برش داده می شود اما همواره یک scroll-bar به محتوا اضافه می شود تا محتوای سرریز شده را مشاهده کرد.

نمایش دادن »
auto

اگر سرریز برش داده شد. هنگامی که سرریز رخ می دهد یک scroll-bar به محتوا اضافه شود

نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

CSS Position (بیاموز CSS)

overflow-style (مرجع خصوصیت های CSS)

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