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