خواص مربوط به سرریزی Overflow عناصر

در این بخش از آموزش css ، ویژگی Overflow را آموزش می دهیم. در صورتی که محتوای یک عنصر سر ریز کند با این ویژگی می توانید مشخص کنید که بعد از سرریز شدن چه اتفاقی بیافتد.

div
{
width:150px;
height:150px;
overflow:scroll;
}

در مثال بالا ، در صورتی که ارتفاع و عرض محتوای داخل div بیشتر از مقدار طول و عرض تعیین شده شود ، div بصورت اسکرول نمایش داده می شود.

حتما بخوانید: محل قرارگیری عناصر – خواص Clear , Float

مقادیری که می توانید در این خصوصیت استفاده کنید:

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

hidden : در این حالت در صورتی که محتوا از طول و عرض عنصر تجاوز کند ، نمایش داده نمی شود.

scroll : که در بالا گفته شد، عنصر اسکرول عمودی و افقی خواهد خورد.

auto : در این حالت که بسیار پر استفاده است مانند اسکرول عمل می کند، با این تفاوت اساسی که اسکرول بر اساس موقعیت افقی یا عمودی خواهد خورد و در صورتی که تجاوز نکند، اسکرول نخواهد خورد.

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

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

و اما کلام آخر…