Principe

Utilisez des classes pour interagir avec l'overflow d'un bloc.

Voici un exemple d'utilisation .overflow-auto sur un élément dont la largeur et la hauteur sont définies. Par conception, ce contenu défilera verticalement.

Voici un exemple d'utilisation .overflow-hidden sur un élément dont les dimensions de largeur et de hauteur sont définies.

Voici un exemple d'utilisation .overflow-visible sur un élément dont les dimensions de largeur et de hauteur sont définies.

Voici un exemple d'utilisation .overflow-scroll sur un élément dont les dimensions de largeur et de hauteur sont définies.

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

Voici un exemple d'utilisation .overflow-x-auto sur un élément dont la largeur et la hauteur sont définies. Par conception, ce contenu défilera verticalement.

Voici un exemple d'utilisation .overflow-x-hidden sur un élément dont les dimensions de largeur et de hauteur sont définies.

Voici un exemple d'utilisation .overflow-x-visible sur un élément dont les dimensions de largeur et de hauteur sont définies.

Voici un exemple d'utilisation .overflow-x-scroll sur un élément dont les dimensions de largeur et de hauteur sont définies.

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

Voici un exemple d'utilisation .overflow-y-auto sur un élément dont la largeur et la hauteur sont définies. Par conception, ce contenu défilera verticalement.

Voici un exemple d'utilisation .overflow-y-hidden sur un élément dont les dimensions de largeur et de hauteur sont définies.

Voici un exemple d'utilisation .overflow-y-visible sur un élément dont les dimensions de largeur et de hauteur sont définies.

Voici un exemple d'utilisation .overflow-y-scroll sur un élément dont les dimensions de largeur et de hauteur sont définies.

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