در این بخش از آموزش css ، ویژگی Overflow را آموزش میدهیم. در صورتی که محتوای یک عنصر سر ریز کند با این ویژگی میتوانید مشخص کنید که بعد از سرریز شدن چه اتفاقی بیفتد. div { width:150px; height:150px; overflow:scroll; } در مثال بالا ، در صورتی که ارتفاع و عرض محتوای داخل div بیشتر از مقدار طول و عرض تعیین شده شود ، div بصورت اسکرول نمایش داده میشود. مقادیری که میتوانید در این خصوصیت استفاده کنید : visible : حالت پیش فرض است که بصورت معمولی نمایش داده می شود. hidden : در این حالت در صورتی که محتوا از طول و عرض عنصر تجاوز کند ، نمایش داده نمیشود. scroll : که در بالا گفته شد، عنصر اسکرول عمودی و افقی خواهد خورد. auto : در این حالت که بسیار پر استفاده است مانند اسکرول عمل میکند، با این تفاوت اساسی که اسکرول بر اساس موقعیت افقی یا عمودی خواهد خورد و در صورتی که تجاوز نکند ، اسکرول نخواهد خورد. این ویژگی درتمام مرورگرها پشتیبانی میشود.
