رفتن به محتوای اصلی به پیمایش اسناد بروید
in English

سرریز

از این ابزارهای مختصر برای پیکربندی سریع نحوه سرریز شدن محتوا از یک عنصر استفاده کنید.

overflowویژگی را در پرواز با چهار مقدار و کلاس پیش فرض تنظیم کنید . این کلاس ها به طور پیش فرض پاسخگو نیستند.

این نمونه ای از استفاده .overflow-autoبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است. با طراحی، این محتوا به صورت عمودی اسکرول می شود.
این نمونه ای از استفاده .overflow-hiddenبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است.
این نمونه ای از استفاده .overflow-visibleبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است.
این نمونه ای از استفاده .overflow-scrollبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

با استفاده از متغیرهای Sass، می‌توانید ابزارهای سرریز را با تغییر $overflowsمتغیر در سفارشی کنید _variables.scss.

ساس

Utilities API

ابزارهای سرریز در API ابزارهای ما در اعلان شده اند scss/_utilities.scss. با نحوه استفاده از Utilities API آشنا شوید.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),