in English
Desbordamiento
Utilice estas utilidades abreviadas para configurar rápidamente cómo el contenido desborda un elemento.
Ajuste la overflow
propiedad sobre la marcha con cuatro valores y clases predeterminados. Estas clases no responden de forma predeterminada.
Este es un ejemplo de uso
.overflow-auto
en un elemento con dimensiones establecidas de ancho y alto. Por diseño, este contenido se desplazará verticalmente.
Este es un ejemplo de uso
.overflow-hidden
en un elemento con dimensiones establecidas de ancho y alto.
Este es un ejemplo de uso
.overflow-visible
en un elemento con dimensiones establecidas de ancho y alto.
Este es un ejemplo de uso
.overflow-scroll
en 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 $overflows
variable 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,
),