Saltar al contenido principal Saltar a la navegación de documentos
Check
in English

Desbordamiento

Utilice estas utilidades abreviadas para configurar rápidamente cómo el contenido desborda un elemento.

Ajuste la overflowpropiedad sobre la marcha con cuatro valores y clases predeterminados. Estas clases no responden de forma predeterminada.

Este es un ejemplo de uso .overflow-autoen un elemento con dimensiones establecidas de ancho y alto. Por diseño, este contenido se desplazará verticalmente.
Este es un ejemplo de uso .overflow-hiddenen un elemento con dimensiones establecidas de ancho y alto.
Este es un ejemplo de uso .overflow-visibleen un elemento con dimensiones establecidas de ancho y alto.
Este es un ejemplo de uso .overflow-scrollen un elemento con dimensiones establecidas de ancho y alto.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Con las variables de Sass, puede personalizar las utilidades de desbordamiento cambiando la $overflowsvariable en _variables.scss.

Hablar con descaro a

API de utilidades

Las utilidades de desbordamiento se declaran en nuestra API de utilidades en formato scss/_utilities.scss. Aprenda a usar la API de utilidades.

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