Pretečenie

Pomocou týchto skratiek môžete rýchlo nakonfigurovať, ako obsah preteká cez prvok.

Upravte overflowvlastnosť za behu pomocou štyroch predvolených hodnôt a tried. Tieto triedy predvolene nereagujú.

Toto je príklad použitia .overflow-autona prvku s nastavenými rozmermi šírky a výšky. Podľa návrhu sa tento obsah bude vertikálne posúvať.

Toto je príklad použitia .overflow-hiddenna prvku s nastavenými rozmermi šírky a výšky.

Toto je príklad použitia .overflow-visiblena prvku s nastavenými rozmermi šírky a výšky.

Toto je príklad použitia .overflow-scrollna prvku s nastavenými rozmermi šírky a výšky.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Pomocou premenných Sass môžete prispôsobiť pomocné programy pretečenia zmenou $overflowspremennej v _variables.scss.

Sass

Utilities API

Obslužné programy pretečenia sú deklarované v našom utilitnom API v scss/_utilities.scss. Zistite, ako používať pomocné rozhranie API.

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