خصوصیت overflow

مثال

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

		div 

		{

		width:150px;

		height:150px;

		overflow:scroll;

		}

خودتان امتحان کنید »

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

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

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

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

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

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

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

مقدار	توضیحات	نمایش دادن
visible	سرریز برش داده نمی شود و محتوا از کادر عنصر بیرون می زند. این مقدار پیش فرض است.	نمایش دادن »
hidden	سرریز برش داده می شود و محتوای سرریز شده نمایش داده نمی شود.	نمایش دادن »
scroll	سرریز برش داده می شود اما همواره یک scroll-bar به محتوا اضافه می شود تا محتوای سرریز شده را مشاهده کرد.	نمایش دادن »
auto	اگر سرریز برش داده شد. هنگامی که سرریز رخ می دهد یک scroll-bar به محتوا اضافه شود	نمایش دادن »
inherit	تعيين مي کند که بايد از والدش، ارث بري داشته باشد.

لینک های اصلی

مرجع CSS

خصوصیت overflow

مثال

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

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

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

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.