Passer au contenu principal Passer à la navigation dans les documents
Check
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 overflowproprié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-autosur 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-hiddensur un élément avec des dimensions de largeur et de hauteur définies.
Ceci est un exemple d'utilisation .overflow-visiblesur un élément avec des dimensions de largeur et de hauteur définies.
Ceci est un exemple d'utilisation .overflow-scrollsur 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 $overflowsvariable 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,
    ),