in English
Débordement
Utilisez ces utilitaires abrégés pour configurer rapidement la façon dont le contenu déborde d'un élément.
Ajustez 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.
Ceci est un exemple d'utilisation
.overflow-auto
sur un élément avec des dimensions de largeur et de hauteur définies. De par sa conception, ce contenu défilera verticalement.
Ceci est un exemple d'utilisation
.overflow-hidden
sur un élément avec des dimensions de largeur et de hauteur définies.
Ceci est un exemple d'utilisation
.overflow-visible
sur un élément avec des dimensions de largeur et de hauteur définies.
Ceci est un exemple d'utilisation
.overflow-scroll
sur un élément avec des dimensions de largeur et de hauteur définies.
<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
.
Toupet
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,
),