CSSRebosar


Sintaxis

  • desbordamiento: visible | oculto | desplazarse auto | inicial | heredar;

Parámetros

Valor de Overflow Detalles
visible Muestra todo el contenido desbordado fuera del elemento.
scroll Oculta el contenido desbordado y agrega una barra de desplazamiento.
hidden Oculta el contenido desbordado, ambas barras de desplazamiento desaparecen y la página se arregla
auto Igual que scroll si el contenido se desborda, pero no agrega la barra de desplazamiento si el contenido se ajusta
inherit Hereda el valor del elemento padre para esta propiedad.

Observaciones

La propiedad de overflow especifica si se debe recortar el contenido, representar barras de desplazamiento o estirar un contenedor para mostrar el contenido cuando se desborda su contenedor de nivel de bloque.

Cuando un elemento es demasiado pequeño para mostrar su contenido, ¿qué sucede? De forma predeterminada, el contenido solo se desbordará y se mostrará fuera del elemento. Eso hace que tu trabajo se vea mal. Desea que su trabajo se vea bien, así que configura la propiedad de desbordamiento para manejar el contenido desbordado de una manera deseable.

Los valores para la propiedad de overflow son idénticos a los de las propiedades overflow-x y overflow-y , excepto que se aplican a lo largo de cada eje

La propiedad overflow-wrap también se conoce como la propiedad word-wrap .

Nota importante: el uso de la propiedad de desbordamiento con un valor diferente al visible creará un nuevo contexto de formato de bloque.

Rebosar Ejemplos relacionados