Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
La propiedad overflow en CSS se usa para controlar cómo se muestra el contenido que desborda los límites de un elemento. Se usa comúnmente para manejar el desbordamiento en contenedores como divs y otros elementos de nivel bloque.
La propiedad overflow puede tener varios valores, incluyendo:
visible (predeterminado): El contenido que desborda el contenedor se muestra fuera de sus límites. Este es el comportamiento predeterminado.
.container {
overflow: visible;
}
hidden: El contenido que desborda el contenedor se recorta y no es visible.
.container {
overflow: hidden;
}
scroll: Se muestran barras de desplazamiento para permitir a los usuarios desplazarse y ver el contenido que desborda el contenedor.
.container {
overflow: scroll;
}
auto: Se muestran barras de desplazamiento solo cuando el contenido desborda el contenedor. Si el contenido cabe dentro del contenedor, no se muestran barras de desplazamiento.
.container {
overflow: auto;
}
Estos valores pueden aplicarse tanto al eje horizontal (overflow-x) como al vertical (overflow-y) para controlar el comportamiento del desplazamiento en cada dirección por separado.
La propiedad overflow es útil para manejar contenido que puede no caber dentro de un contenedor de tamaño fijo, y ayuda a controlar cómo el desbordamiento se presenta o se oculta a los usuarios.
Herramientas destacadas
Hub de CódigoSeleccionar idioma
Establecer tema
© 2024 ReadyTools. Todos los derechos reservados.