Gå til hovedinnhold Hopp til dokumentnavigering

Bruk disse stenografiverktøyene for raskt å konfigurere hvordan innhold flyter over et element.

Juster overfloweiendommen med fire standardverdier og klasser. Disse klassene er ikke responsive som standard.

Dette er et eksempel på bruk .overflow-autopå et element med innstilte bredde- og høydemål. Etter design vil dette innholdet rulle vertikalt.
Dette er et eksempel på bruk .overflow-hiddenpå et element med innstilte bredde- og høydemål.
Dette er et eksempel på bruk .overflow-visiblepå et element med innstilte bredde- og høydemål.
Dette er et eksempel på bruk .overflow-scrollpå et element med innstilte bredde- og høydemål.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Ved å bruke Sass-variabler kan du tilpasse overflyt-verktøyene ved å endre $overflowsvariabelen i _variables.scss.

Sass

Utilities API

Overløpsverktøy er deklarert i vår utilities API i scss/_utilities.scss. Lær hvordan du bruker utilities API.

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