1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

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

شروع موضوع توسط minaaa ‏30/8/13 در انجمن CSS

  1. کاربر ارزشمند

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,869
    تشکر شده:
    6,402
    امتیاز دستاورد:
    113
    در این بخش از آموزش css ، ویژگی Overflow را آموزش میدهیم.
    در صورتی که محتوای یک عنصر سر ریز کند با این ویژگی میتوانید مشخص کنید که بعد از سرریز شدن چه اتفاقی بیفتد.
    div
    {
    width:150px;
    height:150px;
    overflow:scroll;
    }

    در مثال بالا ، در صورتی که ارتفاع و عرض محتوای داخل div بیشتر از مقدار طول و عرض تعیین شده شود ، div بصورت اسکرول نمایش داده میشود.
    مقادیری که میتوانید در این خصوصیت استفاده کنید :
    visible : حالت پیش فرض است که بصورت معمولی نمایش داده می شود.
    hidden : در این حالت در صورتی که محتوا از طول و عرض عنصر تجاوز کند ، نمایش داده نمیشود.
    scroll : که در بالا گفته شد، عنصر اسکرول عمودی و افقی خواهد خورد.
    auto : در این حالت که بسیار پر استفاده است مانند اسکرول عمل میکند، با این تفاوت اساسی که اسکرول بر اساس موقعیت افقی یا عمودی خواهد خورد و در صورتی که تجاوز نکند ، اسکرول نخواهد خورد.
    این ویژگی درتمام مرورگرها پشتیبانی میشود.