Débordement
Utilisez ces utilitaires abrégés pour configurer rapidement la façon dont le contenu déborde d'un élément.
Ajuster la overflow
propriété à la volée avec quatre valeurs et classes par défaut. Ces classes ne sont pas réactives par défaut.
This is an example of using
.overflow-auto
on an element with set width and height dimensions. By design, this content will vertically scroll.
This is an example of using
.overflow-hidden
on an element with set width and height dimensions.
This is an example of using
.overflow-visible
on an element with set width and height dimensions.
This is an example of using
.overflow-scroll
on an element with set width and height dimensions.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
l'aide des variables Sass, vous pouvez personnaliser les utilitaires de débordement en modifiant la $overflows
variable dans _variables.scss
.
Sass
API utilitaires
Les utilitaires de débordement sont déclarés dans notre API d'utilitaires au format scss/_utilities.scss
. Apprenez à utiliser l'API des utilitaires.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),